我是靠谱客的博主 洁净母鸡,最近开发中收集的这篇文章主要介绍vue tab切换echarts的时候(v-if和v-show)所踩得坑,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

由于v-show只是设置了元素的display属性为none,在切换的时候没有获取到元素的宽高所有会有问题,换成v-if就ok了

echarts如果用v-if来切换显示隐藏两个不同配置的图标,比如说柱状图和饼状图的时候,如果柱状图不配置x轴和Y轴的现实和隐藏如下图


这样在切换的时候饼状图也会保留这个坐标轴,解决方案是在各自不同的配置选项中配置坐标轴的show参数。

饼状图的设置为false,这样就不会显示了,


柱状图设置图表位置


饼状图设置图表的位置


最后

以上就是洁净母鸡为你收集整理的vue tab切换echarts的时候(v-if和v-show)所踩得坑的全部内容,希望文章能够帮你解决vue tab切换echarts的时候(v-if和v-show)所踩得坑所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部