当前位置: 首页 > news >正文

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"}

http://www.mrgr.cn/news/81607.html

相关文章:

  • Qt 应用程序转换为服务
  • 华为麦芒5(安卓6)termux记录 使用ddns-go,alist
  • ZLG嵌入式笔记 | 电源设计避坑(上)
  • springMVC-RESTful
  • vue2 elementui if导致的rules判断失效
  • 软件测试之非功能测试设计
  • 关于studywolf_control动态运动原语
  • C#实现图像骨架化(ZhangSuen细化算法)
  • 【形式化验证latency】2.AADL项目结构及语法(一)
  • Qt学习记录
  • android13 系统文字大小和显示大小的修改
  • AI科研助手开发总结:向量与数据权限的应用(三)
  • 【Linux】编写简易shell 深度理解命令行解释器 环境变量 内建命令
  • 数据库概论
  • 将一个组件的propName属性与父组件中的variable变量进行双向绑定的vue3(组件传值)
  • SpringCloudAlibaba实战入门之路由网关Gateway初体验(十)
  • 【可靠有效】springboot使用netty搭建TCP服务器
  • 《机器学习》从入门到实战(1)
  • 《机器学习》——KNN算法
  • QT集成intel RealSense 双目摄像头
  • 新浪微博C++面试题及参考答案
  • 细说EEPROM芯片24C02的基础知识及其驱动程序设计
  • 【达梦数据库】小版本升级之bin文件替换
  • 是德 皮安表Keysight B2980 系列常用指令 附带说明书原件
  • E-commerce .net+React(一)——项目初始化
  • Java数组深入解析:定义、操作、常见问题与高频练习