vue  el-tabs切换菜单卡死

      最近利用element-ui的el-tabs进行分tab开发,在菜单切换到这个页面出现卡死的问题,url路径可以变化,但是页面无响应。

      解决办法:在外层加上<el-row> <el-col>组件布局,试过可以解决我的问题,应该是vue、element-ui版本兼容问题。

参考文档:

vue项目中使用elementUI的el-tabs组件跳转卡死问题_王美玲-CSDN博客

vue+elementui 使用tabs 浏览器会卡死问题_scy_fighting的博客-CSDN博客

    <el-row>              //
      <el-col :span="24">
        <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card" style="margin-top: 15px;">
          <el-tab-pane name="first">
            <span slot="label"><i class="el-icon-menu"></i>tab1</span>
          </el-tab-pane>
          <el-tab-pane name="second">
            <span slot="label"><i class="el-icon-menu"></i>tab2/span>
          </el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>

Logo

前往低代码交流专区

更多推荐