作爲一名非專業前端人員,今天遇到這個問題,小花費了點功夫。最終還是找到了解決辦法。
現象:
el-dialog組件在第一次使用的時候沒有問題,mounted也可以觸發,但是關閉dialog後再次彈出就不再走mounted,導致可能沒有辦法及時獲取到新的數據。
原因:
具體原因還真的不知道,反正我在關閉dialog的時候銷燬了dialog中的元素也不起作用。待我學習一下。。。。
解決辦法:
網上有很多人說在dialog的外層套一個div來解決,具體方式如下圖:
可能我的姿勢不是很正確,反正一直沒有效果。
我的解決辦法是使用watch來進行監聽。
watch: { showDialog(val) { // 操作 } }
畢竟dialog的顯示還是需要一個屬性來控制的,我就監聽這個屬性的變化從而觸發對應的事件。這個絕對有效。
記錄一下。。。。。