vue中的echarts对象绑定click事件无法调用vue的实例对象

myChart.on('click', function(params) {
  this.$refs.refName.title='详情'
   // 控制台打印数据的名称
  console.log(params.name);
});

点击事件获取不到refName?
方案一：function改为箭头函数

myChart.on('click', (params) => {
  this.$refs.refName.title='详情'
  // 控制台打印数据的名称
  console.log(params.name);
});

方案二：var that = this;
this代表的是当前对象,var that=this就是将当前的this对象复制一份到that变量中。当this对象改变的时候，that指向的还是当时的对象。

myChart.on('click', function(params) => {
  var that = this;
  this.$refs.refName.title='详情'
  // 控制台打印数据的名称
  console.log(params.name);
});

echarts事件与行为