记录vue3.0+ts使用echarts的dataZoom的坑

记录vue3.0+ts使用echarts的dataZoom的坑_第1张图片

错误原因:因为vue3.0使用的是proxy的模式监听响应式,this.chart会被在vue内部转换成响应式对象,从而在resize的时候获取不到coordSys.type
解决办法:所以在实例化echart时,将其指定为非响应式的即可。
import { markRaw } from ‘vue’
this.chart = markRaw(echarts.init(document.getElementById(this.id)))

你可能感兴趣的:(vue,echarts,vue.js,javascript)