this.$confirm is not a function的解决办法

在使用element-ui的时候,需要使用confirm,然后引入了MessageBox 弹框,因为,MessageBox 的作用是美化系统自带的 alert、confirm 和 prompt,因此适合展示较为简单的内容。

可是直接使用官方文档发现出错:

this.$confirm is not a function

在全局中定义也于事无补。

Vue.prototype.$confirm = MessageBox.confirm;

然后我换了一种方式。

全局定义MessageBox。

Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$confirm = MessageBox.confirm;

使用的时候这样使用:

this.$msgbox
                .confirm("您是否要参与报名?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                .then(() => {
                    this.$alert("稍后大师兄项目部将会电话跟您联系,请耐心等待!", "报名成功!", {
                        confirmButtonText: "确定",
                        callback: action => {

                        }
                    });
                })
                .catch(() => {});

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注