ElementPlus el-tabs嵌套v-if图表导致页面滚动，如何解决？

elementplus中的el-tabs嵌套v-if图表滚动问题

问题：

使用elementplus中的el-tabs时，其中一个el-tab-pane包含三个v-if的echarts图表。切换到该标签页时，页面会滚动到顶部。如何解决此问题？

回答：

解决此问题的一个方法是在图表容器周围添加一个固定高度，例如：

<div style="height: 300px;">  <!-- echarts图表 --></div>

另外，值得注意的是，初始化echarts图表不必使用v-if。可以考虑在el-tab-pane的mounted钩子中初始化图表，然后使用v-show来控制图表显示：

mounted() {  this.initChart();},methods: {  initChart() {    // 初始化ECharts图表  }}