美文网首页
Echarts 数据不更新解决办法

Echarts 数据不更新解决办法

作者: 遗忘的灬誓言 | 来源:发表于2020-09-18 10:07 被阅读0次

网上搜索了相关问题,myChartleft.setOption(option,true)经测试,无效。不知道是不是我个人的原因,所以只能自己想招。
首先确保数据发生了变化,然后监听数据变化调用图表渲染的方法,达到更新的目的。
so,利用vue的watch方法,监听数据变化,如下

export default {

    data() {
            return {}
        },
    props:["infor"],
    watch:{
            infor(value){
            this. 方法1();
            this.方法2();
              }
         },
    methods: {
            方法1(){},
            方法2(){},
        }

}

这样当数据发生变化就可以更新数据了。
另外看到网上有人说只有 data中定义的变量才能被watch监听到,看来并不是这样。

相关文章

网友评论

      本文标题:Echarts 数据不更新解决办法

      本文链接:https://www.haomeiwen.com/subject/akoddktx.html