解决Element中的el-dialog在第一次使用后无法再次触发mounted的问题

作为一名非专业前端人员，今天遇到这个问题，小花费了点功夫。最终还是找到了解决办法。

现象：

el-dialog组件在第一次使用的时候没有问题，mounted也可以触发，但是关闭dialog后再次弹出就不再走mounted，导致可能没有办法及时获取到新的数据。

原因：

具体原因还真的不知道，反正我在关闭dialog的时候销毁了dialog中的元素也不起作用。待我学习一下。。。。

解决办法：

网上有很多人说在dialog的外层套一个div来解决，具体方式如下图：

可能我的姿势不是很正确，反正一直没有效果。

我的解决办法是使用watch来进行监听。

watch: {
  showDialog(val) {
    // 操作
  }
}

毕竟dialog的显示还是需要一个属性来控制的，我就监听这个属性的变化从而触发对应的事件。这个绝对有效。

记录一下。。。。。