当前位置:编程学习 > JS >>

vue使用watch方法实现echarts数据点击按钮更新

yizuotu是你要监视的会变化的数据,handler中的参数val是指的yizuotu

yizuotu一发生变化就会赋值给val,并且数据发生变化后要重新渲染ecahrts视图this.setOptions,传入图表中要展示的参数,其中里面的this.yizuotu可以换成val。


this.setOptions(this.xAxis, val, this.lineLegend);
1
  watch: {
    yizuotu: {
      handler(val) {
        this.setOptions(this.xAxis, this.lineData, this.lineLegend);
      },
      deep: true
    }
  },

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,