vue.js和echart踩坑(一)——v-for和ref结合使用

• v-for和ref结合使用
  • 在编写前端界面时，会遇到复用程度较高的echart组件，这时使用v-for来进行组件复用会非常高效，而且代码也会更加整洁。在前端代码中，整洁的代码简直让人感动的掬一把眼泪。
  • 一般情况下，前端的v-for是可以正常显示的，但是在遇到ref时，就会出现无法找到组件的情况。
  • debugg跟踪了一下，发现，ref是将数据拼接成数组，并且将结构体数据中的第一项作为数组的第一项，将结构体的第二项，作为该数组下的第二项。
  • 那么将结构体中的数据名称全部命名为一样的名字，就会获得一个数组，不同项的结果，也可以正常使用了。
• 查询的资料如下：
  • https://www.jianshu.com/p/8617f8852df7