vue中使用echarts点击事件，怎么赋值到vue变量

Question

问题描述

饼图已经画好，在饼图添加点击事件，需要获取index,在赋值给 this.index,可是打印出来还是空的。貌似在点击事件中，连读取this.areaEnergy,都没办法

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

  let myEnergypis = this.$echarts.init(document.getElementById('energyPis'))
            myEnergypis.setOption({
                    title : {
                    text: '图',
                    subtext: '区域：'+this.areaEnergy.maxNum,
                    x:'center'
                },
                tooltip : {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data: this.energyPiename
                },
                series : [
                    {
                        name: '数值',
                        type: 'pie',
                        selectedMode: 'single',
                        radius : '55%',
                        center: ['50%', '60%'],
                        data:this.energyPieData,
                        itemStyle: {
                            emphasis: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]

            },true);
            myEnergypis.off('click')
            myEnergypis.on('click', function (params) {
               var a = params.dataIndex
               var energyAreaId = params.data.id
               var url = params.data.url
               console.log(url)
               this.areaEnergyindex = a
 
            });

你期待的结果是什么？实际看到的错误信息又是什么？

有办法赋值回去吗？

Answer 1

this指向问题

myEnergypis.on('click', (params) => {
   var a = params.dataIndex
   var energyAreaId = params.data.id
   var url = params.data.url
   console.log(url)
   this.areaEnergyindex = a
})

Answer 2

this的指向变了,用箭头函数,或者用一个变量缓存this