el-dialog中設置了destroy-on-close屬性為true,dom依舊未被銷毀的兩種解決方案


今天后台給我提了個bug,頁面中是一個列表,點擊子項會彈一個對話框,在el-dialog中嵌套了el-table,滾動對話框中的列表的時候,關閉對話框后后,點擊別的子項的時候上一次的滾動條位置被記錄了。

 

當時想的是 把對象框重新渲染一下就行了,打開element文檔果然有一個destroy-on-close屬性設置為true,怎么都不生效。查閱了文檔GitHub issure,貌似這個是一個bug。

既然不行,那就另想辦法吧,我用v-if重新渲染一下總行吧,試了一下 是可以的。后來又試了一種方法,給el-dialog加一個key屬性,值是動態唯一的,也能重新渲染,應該是el-dialog本身是帶有緩存功能的

划重點:v-if、 添加key屬性,兩種方法都可解決


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM