一、定位问题

一般报这个错就是提醒你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();//容器不存在,则需要重新绘制画图
            }
        }
    }
},
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐