解決el-dialog與el-tabs一起用卡死的問題
更新時間：2026年01月22日 16:38:14 作者：四木Zhang
在el-dialog中嵌入el-tabs和el-transfer時,關(guān)閉dialog會導(dǎo)致瀏覽器卡死,通過排查發(fā)現(xiàn)是destroy-on-close屬性和el-tabs沖突導(dǎo)致的,解決方法是去掉destroy-on-close屬性或給el-tabs添加v-if
問題描述
在el-dialog中嵌入了使用el-tabs和el-transfer，在瀏覽器點擊el-diaolg后，能正常操作，關(guān)閉dialog時，瀏覽器直接卡死
- 先找自身代碼原因，下意識以為是嵌入的el-tabs或者el-transfer寫法有問題
- 然而發(fā)現(xiàn)不關(guān)閉時是能進(jìn)行操作的，就挨個屏蔽el-tabs和el-transfer，發(fā)現(xiàn)屏蔽el-tabs后就沒問題
- 本著面向百度、谷歌開發(fā)的原則，發(fā)現(xiàn)有好多人碰到一樣的問題
- 猜測原因可能是el-dialog的
destroy-on-close屬性和el-tabs會有沖突
解決方案
- 把el-dialog的
destroy-on-close屬性去掉就好了 - 或者給el-tabs添加 v-if
至此，問題解決。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Tailwind CSS是一個流行的前端CSS框架,它基于原子設(shè)計原則,提供了一套預(yù)構(gòu)建的CSS樣式類,旨在幫助開發(fā)者快速地創(chuàng)建響應(yīng)式、可定制的用戶界面,本文給大家介紹了Vue2中使用tailwindCss的詳細(xì)教程,需要的朋友可以參考下2024-09-09
sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲。這篇文章主要介紹了vue中使用sessionStorage記住密碼功能,需要的朋友可以參考下2018-07-07
今天小編就為大家分享一篇關(guān)于Vue項目安裝插件并保存，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
這篇文章主要介紹了vue3中element-plus router的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vuex中的state、getters、mutations、actions之間的關(guān)系解讀
這篇文章主要介紹了vuex中的state、getters、mutations、actions之間的關(guān)系,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
組件是有name屬性的,匹配的就是組件的name,下面這篇文章主要給大家介紹了關(guān)于vue中組件的name屬性含義和用法的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue3 axios安裝及使用示例代碼,本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-04-04
這篇文章主要介紹了vue3使用reactive包裹數(shù)組正確賦值問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
Vue?組件通信是前端開發(fā)核心知識點,不同組件層級對應(yīng)不同的通信方案,本文將按基礎(chǔ)場景,進(jìn)階場景,特殊場景進(jìn)行系統(tǒng)梳理,希望對大家有所幫助2026-04-04
這篇文章主要介紹了Ant Design Vue日期組件的時間限制方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04