前端使用 <el-dialog 实现模态框

当打开模态框后，点击浏览器上的后退按钮，发现遮罩还在。

解决办法

监听返回键，遇到的问题是直接用 this.xxx 无效，原因是此处 this 非彼处 this，需要把 this 绑定下，如方法一；

当然也可以用 low 点方法，如方法二

方法一 推荐

  mounted() {
    window.addEventListener("popstate", function(e) {
      this.designOpen = false
    }.bind(this), false);
  }

方法二

  mounted() {
    let that = this
    // 按返回键时监听模态框是否显示，若显示则关闭
    window.addEventListener("popstate", function(e) {
      that.designOpen = false
    }, false);
  }

感谢群友 sum small 和 万总两位前端大佬的指点