解决element ui中,djalog 和 tabs 组件的bug

背景

当 djalog 组件中嵌套了 tabs 组件时,点击 djalog 组件右上角的关闭按键,页面会卡死

解决方法

  • 使用v-if 结合 弹窗显示变量 (比如下面的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="定时任务补偿">定时任务补偿</el-tab-pane>
            </el-tabs>
          </el-col>
          <!-- <el-col :span="10"><div class="dialog-xx">ddc</div></el-col> -->
        </el-row>
      </el-dialog>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容