网站分析设计做的项目的过程,300个免费邮箱地址2022,西安建站平台哪个好,哈尔滨网站域名归那里管原因#xff1a;
第一次点开不显示图表#xff0c;第二次点开虽然显示图表#xff0c;但是图表挤在一起#xff0c;页面检查发现宽高只有100px,但是明明已经设置样式宽高100% 这可能是由于 el-dialog 还没有完全渲染完成#xff0c;而你的 echarts 组件已经开始尝试渲染图…原因
第一次点开不显示图表第二次点开虽然显示图表但是图表挤在一起页面检查发现宽高只有100px,但是明明已经设置样式宽高100% 这可能是由于 el-dialog 还没有完全渲染完成而你的 echarts 组件已经开始尝试渲染图表了。你可以尝试使用 v-if 或者 v-show 来控制 echarts 组件的渲染时机使其只在 el-dialog 完全渲染完成后才进行渲染(翻译过来就是加个定时器)。
解决
ZyfChart v-ifechartsType/ZyfChart // 引用封装的Echarts组件时添加 v-if 判断
let echartsType ref(false) // 初始设置为false
onMounted(() {setTimeout(() {echartsType.value true// 添加setTimeout设置echartsType 为true}, 100)
})