已解决vue element 用el-tabs浏览器卡死的问题

文章最后有答案

遇到这个问题 ,起因用 el-tab-pane 与 el-dialog 组合导致浏览器卡死。
经过分析原因是 el-tab-pane 添加 内容 会出现内部死循环，从而导致浏览器卡死。

困惑许久 , 查询良久 ,列出了几个网上大仙们给的答案 , 如下:

一 . 降低版本系列(已尝试 , 垃圾没有效果)

二 . 重装tabs插件,全局引入系列(已尝试 , 垃圾没有效果)

三 . 算了直接给你们放最搞笑的一个(虽然搞笑,但是是唯一一个成功的)

哈哈哈哈,没有看到这图上评论的时候 , 我和同事内心都是评论里的这个想法 , 笑死我了

最后, 直接给你们讲怎么多个tabs 在同一页面并存 且正常使用的 , 目前我项目里两个地方用到 ,但是由于数据结构出入较大 , 就写成了两个组件来使用. 如下图

效果图:

不会卡死, 正常使用
就一句话 : tabs全部以组件的形式去写 , 别不信 去试吧