【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>