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);
},
});