Vue2:v-for创建echart图表时不能使用动态ref,要使用动态id
项目中需要创建一组图表+表格的组合,一共15组,为了便于维护,希望使用v-for来创建,而不是写出15组<div>,但是动态指定echart的ref时,频繁遭遇init失败,提示“TypeError: this.dom.getContext is not a function”。过程记录如下。
实现效果
要实现的效果如下图,左侧是一个echart,右侧是一个table,共用data
data
data中定义一组options数据
checkReportOptions:[{key:'perVersion', label:"版本Bug数量",defaultReportType:"pie"},{key:'perModule', label:"模块Bug数量",defaultReportType:"pie"},{key:'dailyNew',label:"每天新增Bug数",defaultReportType:"bar"}