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', () => {})复制代码