## 解决方案,在子组件监听option
export default {name: 'CommonEcharts',props: ['option'],data() {return {}},watch: {option: {handler(newval, oldval) {let chartDom = document.getElementById('main');let myChart = echarts.init(chartDom);this.option && myChart.setOption(this.option);},deep: true}},mounted() {}}
如果在mounted中加载echart,在加载一次之后,父组件传过的数据变化,也不会再次引起渲染.所以我在监听数据变化的时候,重置echart渲染.如有不妥之处,还望多多指教.
如果觉得《vue封装echarts数据更新页面数据不渲染问题》对你有帮助,请点赞、收藏,并留下你的观点哦!