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', () => {})複製代碼