message-dialog-vue3
v1.0.3
Published
``` yarn add message-dialog-vue3 or npm install message-dialog-vue3 ``` ## use ### main.js ```javascript import MessageDialog from "message-dialog-vue3" import 'message-dialog-vue3/lib/lib.css' const app = createApp(App); app.use(MessageDialog) app.mount(
Downloads
3
Readme
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);
},
});