解決Element中的el-dialog在第一次使用後無法再次觸發mounted的問題

作爲一名非專業前端人員,今天遇到這個問題,小花費了點功夫。最終還是找到了解決辦法。

現象:

el-dialog組件在第一次使用的時候沒有問題,mounted也可以觸發,但是關閉dialog後再次彈出就不再走mounted,導致可能沒有辦法及時獲取到新的數據。

原因:

具體原因還真的不知道,反正我在關閉dialog的時候銷燬了dialog中的元素也不起作用。待我學習一下。。。。

解決辦法:

網上有很多人說在dialog的外層套一個div來解決,具體方式如下圖:

可能我的姿勢不是很正確,反正一直沒有效果。

我的解決辦法是使用watch來進行監聽。

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

畢竟dialog的顯示還是需要一個屬性來控制的,我就監聽這個屬性的變化從而觸發對應的事件。這個絕對有效。

記錄一下。。。。。

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