问题描述

Vue.use 加载 TabPane ，浏览器卡死

原因分析

参考资料：https://blog.csdn.net/ye987987/article/details/103780297
经过分析原因是 el-tab-pane 添加 内容 会出现内部死循环，从而导致浏览器卡死。

解决办法

简单粗暴，直接删除 el-tab-pane 的内容，有 label 属性在，不需要内容，也是一样的效果

<template>
  <el-tabs v-model="activeName2" type="card" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first"></el-tab-pane>
    <el-tab-pane label="配置管理" name="second"></el-tab-pane>
    <el-tab-pane label="角色管理" name="third"></el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="fourth"></el-tab-pane>
  </el-tabs>
</template>

bug记录：Vue.use 加载 TabPane ，浏览器卡死