element ui MessageBox 弹框 不能隐藏右上角的关闭按钮和点击阴影不关闭弹窗

引入:

importVuefrom'vue';
importElementUIfrom'element-ui'; 

调用:

let obj = {

          confirmButtonText: '确定',

          cancelButtonText: '取消',

          distinguishCancelAndClose: false,

          closeOnPressEscape: false,

          closeOnClickModal: false,

          showCancelButton:false,

          showClose: false,

          type: 'warning'

        }

        调用MessageBox上的setDefaults方法,就可以解决 element 的 MessageBox上属性不生效的问题。

        想要知道原理的同学,把这个ElementUI 这个对象打印出来看下就知道了。

        ElementUI.MessageBox.setDefaults(obj);

        ElementUI.MessageBox('需要提示的文字', '提示',obj ).then(() => {

               console.log("确认按钮")

        }); 

tips:

ElementUI.Message 对应的是this.$message方法

ElementUI.Notification 对应的是this.$notify方法

ElementUI.MessageBox 对应的是this.$alert方法

觉得有用的点个赞喽!!!!

你可能感兴趣的:(element ui MessageBox 弹框 不能隐藏右上角的关闭按钮和点击阴影不关闭弹窗)