手动关闭 ElementUI Message 或 this.$message 消息提示

很多小伙伴可能会在实际的业务场景中遇见这样一种情况:

this.$message({...,duration:0})

设置消息框在某种情况下一直显示(根据官方文档的提示将duration的值设为0即可)

  • 现在有一种情况需要将这个一直显示的提示消息关闭

官方文档的描述是这样 : " 调用 Message 或 this.$message 会返回当前 Message 的实例。如果需要手动关闭实例,可以调用它的 close 方法。"

  • 所以贴上亲测有效的代码
	OnOfflineStatus() {
      this.option = this.$message({
        message: "网络异常,请检查网络设置!",
        type: "warning"
        type: "warning",
        duration:0,
      });
    },
    OnOnlineStatus(){
      this.option ? this.option.close():'';
    },

问题解决,记录一下

你可能感兴趣的:(Vue,element,U,I,vue.js,前端,经验分享)