样式失效截图:
解决方案:将 tab 下的组件用 v-if 判断,重新渲染即可。
<template>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="仪表盘1" name="first">
<Dashboard1 v-if="activeName == 'first'"></Dashboard1>
</el-tab-pane>
<el-tab-pane label="仪表盘2" name="second">
<Dashboard2 v-if="activeName == 'second'"></Dashboard2>
</el-tab-pane>
<el-tab-pane label="仪表盘3" name="third">
<Dashboard3 v-if="activeName == 'third'"></Dashboard3>
</el-tab-pane>
</el-tabs>
</template>