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

今天后台給我提了個bug,頁面中是一個列表,點擊子項會彈一個對話框,在el dialog中嵌套了el table,滾動對話框中的列表的時候,關閉對話框后后,點擊別的子項的時候上一次的滾動條位置被記錄了。 當時想的是 把對象框重新渲染一下就行了,打開element文檔果然有一個destroy on close屬性設置為true,怎么都不生效。查閱了文檔GitHub issure,貌似這個是一個bug ...

2021-01-26 16:30 2 3650 推薦指數:

查看詳情

element-uiel-dialog組件之destroy-on-close屬性

一. :destroy-on-close="true"的場景 有一場景是我們有一個新建按鈕,要求每次我們重新打開el-dialog都是干凈的內容,所以我們每次點擊按鈕可能會用以下幾種辦法。 (1) 對使用的data數據進行重置 (2) 直接對包裹內容區域的dom(組件)使用v-if,銷毀 ...

Mon Nov 29 07:36:00 CST 2021 0 3104
element 在Dialog組件中使用destroy-on-close屬性與v-if的區別

使用v-if: 在v-if為false,也就是關閉彈框時即銷毀Dialog的內容,在下次顯示時再重新加載 使用destroy-on-close: 官方文檔屬性默認為false,所以需要的話給他賦值為true就好。 不過我在使用過程中發現,此屬性其實是在關閉彈框時 ...

Thu Dec 24 18:12:00 CST 2020 0 5412
vue之elementel-dialog關閉相關屬性

el-dialog中加入這倆屬性: :close-on-press-escape="false" :close-on-click-modal="false" 效果:鍵盤按Esc鍵,或者鼠標點擊dialog外面, dialog都不會關閉了。 PS ...

Sat Jun 29 07:41:00 CST 2019 0 3636
el-dialog“閃動”解決辦法

問題描述:el-dialog關閉的時候總是出現次彈窗 代碼實踐:在el-dialog上添加上一個v-if,值就是用閉窗的值,促使閉窗的時候就直接銷毀窗口,這樣就不可能再有彈出窗口事件了 分析:既然是el-dialog產生的那就直接殺掉el-dialog ...

Fri Jun 12 19:01:00 CST 2020 0 974
如何清除el-dialog的表單驗證

經常我們使用element-uiel-dialog組件,在組件中使用表單,沒有打開彈窗都要把之前的表單驗證清除掉,那么如何處理呢? 需要在組件打開的時候使用組件的 clearValidate 方法 說明:代碼的 showFlag 表示控制彈窗的顯示和隱藏 ...

Thu Jun 20 23:50:00 CST 2019 0 1245
vue彈窗屏蔽滑動的兩種解決方案

原文:https://www.jianshu.com/p/79d02fc22f8b 序   在開發過程,我們經常會遇到要加彈窗的需求,而如果當前頁的展示數據一屏展示不完,則在打開彈窗后,有滑動操作時,頁面也會隨之滑動。那么如何處理這一問題呢? 常見問題 ...

Sat May 09 01:59:00 CST 2020 1 1268
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM