message-dialog-vue3 v1.0.3

yarn add message-dialog-vue3 or npm install message-dialog-vue3

use

main.js

import MessageDialog from "message-dialog-vue3"
import 'message-dialog-vue3/lib/lib.css'
const app = createApp(App);
app.use(MessageDialog)
app.mount('#app')

组件内部-setup

import { getCurrentInstance } from "vue";
const { proxy }: any = getCurrentInstance();
proxy.$messageDialog({
  option: {
    alarmType: "SELF_TEST",
    alarmLevel: "MIDDLE",
    robotEsn: "ROBOT_123123123",
    alarmContent: "电池电量低于20%",
    alarmLocation: "展厅",
    alarmTime: "1672709875",
    alarmCode: "E101",
    alarmOperate: "CONTINUE",
    alarmTitle: "电池电量低于20%",
  },
  cancelClick: (val: any) => {
    // 点击关闭按钮回调函数，参数为 alarmLevel
    console.log(val);
  },
});

非setup

this.$messageDialog({
  option: {
    alarmType: "SELF_TEST",
    alarmLevel: "MIDDLE",
    robotEsn: "ROBOT_123123123",
    alarmContent: "电池电量低于20%",
    alarmLocation: "展厅",
    alarmTime: "1672709875",
    alarmCode: "E101",
    alarmOperate: "CONTINUE",
    alarmTitle: "电池电量低于20%",
  },
  cancelClick: (val: any) => {
    // 点击关闭按钮回调函数，参数为 alarmLevel
    console.log(val);
  },
});