跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

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

elementplus中的el-tabs嵌套v-if图表滚动问题 问题: 使用elementplus中的el-tabs时,其中一个el-tab-pane包含三个v-if的echarts图表。切换到该标签页时,页面会滚动到顶部。如何解决此问题? 回答: 添加图表容器固定高度 解决此问题的一个方法是在图表容器周围添加一个固定高度,例如:
无需v-if初始化echarts 另外,值得注意的是,初始化echarts图表不必使用v-if。可以考虑在el-tab-pane的mounted钩子中初始化图表,然后使用v-show来控制图表显示:
mounted() { this.initChart(); }, methods: { initChart() { // 初始化ECharts图表 } }

相关文章