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