解決element ui中，djalog 和 tabs 組件的bug

背景

當(dāng) djalog 組件中嵌套了 tabs 組件時(shí)，點(diǎn)擊 djalog 組件右上角的關(guān)閉按鍵，頁面會(huì)卡死

解決方法

  • 使用v-if 結(jié)合 彈窗顯示變量 （比如下面的EnvVisable） 來解決
      <el-dialog
        title="彈窗"
        :visible.sync="EnvVisable"
      >
        <el-row :gutter="2" style="min-height: 50vh; ">
          <el-col :span="6">
            <el-tabs :tab-position="'left'" style="height: 200px;" v-if="EnvVisable">
              <el-tab-pane label="用戶管理">用戶管理</el-tab-pane>
              <el-tab-pane label="配置管理">配置管理</el-tab-pane>
              <el-tab-pane label="角色管理">角色管理</el-tab-pane>
              <el-tab-pane label="定時(shí)任務(wù)補(bǔ)償">定時(shí)任務(wù)補(bǔ)償</el-tab-pane>
            </el-tabs>
          </el-col>
          <!-- <el-col :span="10"><div class="dialog-xx">ddc</div></el-col> -->
        </el-row>
      </el-dialog>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容