Dialog 對話框
在保留當前頁面狀態(tài)的情況下挺峡，告知用戶并承載相關(guān)操作胁塞。
Tabs 標簽頁
分隔內(nèi)容上有關(guān)聯(lián)但屬于不同類別的數(shù)據(jù)集合俺猿。
????這兩種組件都是項目布局中經(jīng)常使用到的元素魏颓，最近在使用過程中發(fā)現(xiàn)有個問題格侯，dialog上添加一個tab鼻听，點擊關(guān)閉的時候頁面會卡死财著，查找了一些資料后得知原因可能是vue版本太低的原因，所以解決方法之一是升級項目的vue版本撑碴，其他還查到一些方法撑教，發(fā)現(xiàn)并沒有什么用。最后我的解決辦法是添加v-if醉拓。
? ? 給tab添加v-if伟姐，綁定dialog的visible.sync，代碼如下：
<el-dialog
? ? :visible.sync="showFlag"
? >
? ? <div>
? ? ? <el-container class="dialog-content">
? ? ? ? <el-main class="energy-dialog-main">
? ? ? ? ? <el-tabs v-model="tabName" @tab-click="changeTab()" v-if="showFlag">
? ? ? ? ? ? <el-tab-pane label="標簽" name="tab" class="tab-div">
? ? ? ? ? ? ? <SteamGeneratorEfficiency :steamGeneratorInfo="steamGeneratorInfo" />
? ? ? ? ? ? </el-tab-pane>
? ? ? ? ? </el-tabs>
? ? ? ? </el-main>
? ? ? </el-container>
? ? </div>
? </el-dialog>
