vue el-tabs切换菜单卡死

j--j

于 2020-07-26 12:20:00 发布

阅读量2.5k

点赞数 1

分类专栏： Vue 文章标签： vue el-tabs切换

原文链接：https://blog.csdn.net/scy_fighting/article/details/84542801?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel

版权

Vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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>