vue this 获取不到数据

vue中有时候this.tableTable获取不到数据,this.数据没有用,可能是this已经不是一个this了,不再是vue component所指对象了

    getTableData(){
      this.$request.post("/ddgl/aa/"+storage.get("userInfo").jianCeZhanID,this.selectData.fanWei).then(value => {
        this.tableData = value.data

        let myCharts = echarts.init(this.$refs.myEcharts)
        let aa = this.tableData;
        myCharts.setOption({
          title: {
            text: '饼图',
            subtext: 'Fake Data',
            left: 'center'
          },
          tooltip: {
            trigger: 'item'
          },
          legend: {
            orient: 'vertical',
            left: 'left'
          },
          series: [{
            type: 'pie',
            radius: '50%',
            emphasis: {
              itemStyle: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
              }
            },

            data:(function () {
              var arrNum = [];

              for(var i=0;i< this.tableData.length; i++){
                arrNum.push({"value": aa[i].value,"name":aa[i].name});
              }
              return arrNum;
            })(),
          }
          ],
        })
      })
    },
这个时候汇报

 

 这个时候需要加一个中间变量就可以了,也可以加 let _this = this

 

 

 


 

 


 

  

posted @ 2022-07-19 16:42  凉忆~  阅读(855)  评论(0)    收藏  举报