【vue】element ui Tabs 标签页与echarts

2022-08-14  本文已影响0人  西叶web

Tabs 标签页与含有echarts组件使用会报错,说找不到宽高

解决办法:

每个el-tab-pane里加上if判断
不渲染组件,echarts就不会渲染,初始化自然就不会找不到宽高

<el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first" v-if="activeName === ''first">使用了echarts的组件</el-tab-pane>
    <el-tab-pane label="配置管理" name="second"  v-if="activeName === ''second">使用了echarts的组件</el-tab-pane>
    <el-tab-pane label="角色管理" name="third"  v-if="activeName === ''third">使用了echarts的组件</el-tab-pane>
  </el-tabs>
上一篇下一篇

猜你喜欢

热点阅读