小程序循环遍历多个echart饼图在同一页，报错canvas_id in this page has already existed

[blackomilk]

业务场景为一个list里有多份数据，v-for循环遍历后把数据传给自己封装的组件


<mpvue-echarts
class="echart-pie"
id="main"
:ref="canvasId"
:echarts="echarts"
@onInit="initChart"
:canvasId="canvasId"
>


组件里再将每次传进来的canvasId 传给mpvue-echarts，但是每次都会报canvas_id in this page has already existed，id格式是pie_index,貌似是循环带来的问题，但是想不明白到底是哪