el-dialog中設置了destroy-on-close屬性為true,dom依舊未被銷毀的兩種解決方案
今天后台給我提了個bug，頁面中是一個列表，點擊子項會彈一個對話框，在el-dialog中嵌套了el-table，滾動對話框中的列表的時候，關閉對話框后后，點擊別的子項的時候上一次的滾動條位置被記錄了。 當時想的是 把對象框重新渲染一下就行了，打開element文檔果然有一個 ...
原文：element-ui中el-dialog組件之destroy-on-close屬性
一. :destroy on close true 的場景 有一種場景是我們有一個新建按鈕，要求每次我們重新打開el dialog都是干凈的內容，所以我們每次點擊按鈕可能會用以下幾種辦法。 對使用的data數據進行重置 直接對包裹內容區域的dom 組件 使用v if,銷毀 重建dom節點 組件 使用:destroy on close true , 但問題是輸入value值后，再重新打開內容還是存在 ...
2021-11-28 23:36 0 3104 推薦指數：
相關推薦
element 在Dialog組件中使用destroy-on-close屬性與v-if的區別
使用v-if： 在v-if為false，也就是關閉彈框時即銷毀Dialog中的內容，在下次顯示時再重新加載 使用destroy-on-close： 官方文檔中該屬性默認為false，所以需要的話給他賦值為true就好。 不過我在使用過程中發現，此屬性其實是在關閉彈框時 ...
vue element-ui .el-dialog 限制高度
<style scoped> /deep/ .el-dialog { height: 78vh; overflow: auto; } ...
vue element-ui .el-dialog 限制高度
<style scoped> /deep/ .el-dialog { height: 78vh; overflow: auto; } </style> ...
element-ui如何修改el-dialog的樣式？
要修改dialog的樣式不能直接在<style scoped>中修改，這樣修改后不會生效。做法是把scoped去掉，然后在dialog標簽上自定義一個class，最好不要和其他的class同名，然后通過此class選擇器再去修改里面的相關樣式即可。 上例是修改彈框中內容 ...
element-ui遮罩層el-dialog的使用
template :append-to-body="true" data methods close-on-click-modal：是否可以通過點擊 modal 關閉 Dialog 默認值為true 更多 ...
element-ui學習之-----el-dialog關閉重置表單
情境：有個彈出框dialog，里面是個表單，你想關閉的時候清空所填內容~ Dialog 組件有個關閉時的回調函數close： //關閉dialog，重置表單 resetRegisterForm(){ //得到表單實例，並調用表單重置方法resetFields ...
element-ui監聽el-dialog關閉事件
<el-dialog title="添加用戶" @close="handleClose" :visible.sync="dialogVisible" width="50%"> <el-form :rules ...