阅读 635

Vue echarts 绑定事件重复执行问题

1.起因

在用柱状图的时候,绑定click事件,跳转新的页面。 由于支持图表与数据进行切换,切换多少次,就会发现打开多少个新的页面。

2.解决方案

将原先DOM容器清空,后重新生成。

    <div ref="wrap">
        <div id="chart-0" style="height: 380px;"></div>
    </div>
复制代码

this.$refs.wrap.innerHTML = '<div id="chart-0" style="height: 380px;></div>'
this.myChart = echarts.init(document.getElementById('chart-0'))
this.myChart.clear()  //只是清理画布,而不会删除 生成的元素节点
this.myChart.setOption(option)
this.myChart.on('click', () => {})复制代码