vue中watch的报错处理Error in callback for watcher “playing_list“:**
一般报这个错就是你watch监听中,对应的数据监听函数中出现了bug。查找资料,都说是箭头函数引起的this指向问题,但是我的并没有写。后来发现,我的是监听到数据变化就去刷新echarts,即重新绘制图表,但图表容器没有获取到,我直接绘制造成的。watch:{playing_list:function(newvalue,oldvalue){if(this.dialogVisible_assess)
·
一、定位问题
一般报这个错就是提醒你watch监听中,对应的数据监听函数中出现了bug。
二、查找原因
报错信息如下:
1、很多资料都说是箭头函数引起的this指向问题(有需要的小伙伴可自行检查),但是这条对我无效,我并没有写箭头函数。附上我的写法如下:
watch:{
playing_list:function(newvalue,oldvalue){
this.drawAssess();//绘制echarts图表
}
},
2、后来看到报错信息中drawAssess发现,我的是监听到数据变化就去刷新echarts,即重新绘制图表,但图表容器没有获取到,我直接绘制造成的。
这里提醒下,因为我的echarts图表是在dialog中的,所以还要加上,dialog显示时再去监听绘制
更改代码如下:
watch:{
playing_list:function(newvalue,oldvalue){
if(this.dialogVisible_assess){//图表在弹框中,需要在弹框显示时重新绘制
if(this.myChart){//图表容器已存在
this.setOption();//重新更新数据即可
}else{
this.drawAssess();//容器不存在,则需要重新绘制画图
}
}
}
},
更多推荐
已为社区贡献1条内容
所有评论(0)