element ui tabs标签页bug

图片描述
公司后台管理系统使用element ui框架,发现初始化标签页后没有办法打开后面俩个或者三个标签(点击无反应,但是代码都是一样的),需要点击一下前面几个标签页后才能打开后面的标签页。原来是以为版本过低,今天升级到最新的ui版本,发现还是有这个问题, 所以大家知道是什么回事吗?

补充代码:
图片描述
图片描述

补充1:
我后来把<component></component>动态挂载组件注释掉,就没有问题。但是我没有看出来我的这个代码哪里有bug--!

补充2:
通过调试,我现在定位到问题了,因为有个页面有echarts组件,把echarts相关代码注释掉就没问题,但是为什么echarts会影响到tabs标签的打开呢,我还是没找到原因

阅读 6.8k
3 个回答

我也遇到过类型的情况,原因是因为vue 的版本和element ui不兼容造成的,你确认下你的vue版本和element ui一致吗?

最好上代码

把每个compontent的渲染加上v-if="defaultActive == tab.name"试试呢? el-tab-pane会把所有tab下的组件在一开始都渲染,只不过display是none。而echarts组件是不是在display:none的情况下渲染有问题?纯猜测

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题