在vue中使用echarts,在tooltip中的formatter使用自定义html无法绑定组件内函数作为事件

btqmn9zl  于 2022-11-03  发布在  Echarts
关注(0)|答案(6)|浏览(348)

One-line summary [问题简述]

在vue中使用echarts,在tooltip中的formatter使用自定义html无法绑定组件内函数作为事件, 是否其事件必须为全局事件,如果要使用vue中的事件该怎么操作,望解决。

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]:3.x
  • Browser version [浏览器类型和版本]: chrome 58
  • OS Version [操作系统类型和版本]:windows 10

Expected behaviour [期望结果]

ECharts option [ECharts配置项]

formatter: function(params, ticket, callback){
  return `<div style="width:20px;height: 20px;" onclick="${this.todoSth(params.data[0])}"></div>`
}
...

methods: {
  todoSth:function(){
      // todo sth...
  }
}

Other comments [其他信息]

3htmauhk

3htmauhk3#

@531431988@feng-fu
你们好!你们最后的绑定是如何实现的呢?

jckbn6z7

jckbn6z74#

@ 531431988 @ feng-fu
你们好!你们最后的绑定是如何实现的呢?

例如:把formatter: function(params) {
}
改为
formatter: (params) => {
}
就可以了

kuarbcqp

kuarbcqp5#

同上问题,求解决

hof1towb

hof1towb6#

5.0 开始支持返回 dom 节点,可以在这个节点上绑定事件

相关问题