<template>
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="用户管理" name="1">
<div class="content-echart" id="main"
ref="myEchart" v-show="activeName == '1'">
</div>
</el-tab-pane>
<el-tab-pane label="配置管理" name="2">
配置管理
</el-tab-pane>
</el-tabs>
</template>
<script>
export default {
data() {
return {
activeName: '1'
};
},
methods: {
handleClick(tab, event) {
this.activeName = tab.name
console.log(tab, event);
}
}
};
</script>
对图表使用v-show控制是否显示就可以了
但是使用v-if的时候,图表初始化的时候会报错dom is null