使用了MessageBox为什么首页就会弹出一次
vue 按需引入element-ui的MessageBox或者Message默认弹出消息框的问题解决
代码描述:
import {MessageBox } from 'element-ui';
Vue.use(MessageBox );
Vue.prototype.$msgbox = MessageBox;
导致一进入页面,就会出现一个消息弹框
原因是:不应该写第二句 Vue.use(MessageBox );正确的写法是,就可以了,使用了use就会默认的执行一次
import {MessageBox } from 'element-ui';
Vue.prototype.$msgbox = MessageBox;
this.$confirm 不能使用为:undefined
原来按需引入需要在vue原型上注册这个方法:
import {MessageBox } from 'element-ui';
//Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$confirm= MessageBox.confirm;
Vue.prototype.$message= Message
this.$confirm('您真的要退出本次登录吗?', '退出登录')
.then(_ => {
console.log("退出");
})
.catch(_ => { })
bn() {
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
center: true
}).then(() => {
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}