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

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

现象:

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

原因:

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

解决办法:

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

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

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

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

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

记录一下。。。。。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章