- v-for和ref结合使用
- 在编写前端界面时,会遇到复用程度较高的echart组件,这时使用v-for来进行组件复用会非常高效,而且代码也会更加整洁。在前端代码中,整洁的代码简直让人感动的掬一把眼泪。
- 一般情况下,前端的v-for是可以正常显示的,但是在遇到ref时,就会出现无法找到组件的情况。
- debugg跟踪了一下,发现,ref是将数据拼接成数组,并且将结构体数据中的第一项作为数组的第一项,将结构体的第二项,作为该数组下的第二项。
- 那么将结构体中的数据名称全部命名为一样的名字,就会获得一个数组,不同项的结果,也可以正常使用了。
- 查询的资料如下:
vue.js和echart踩坑(一)——v-for和ref结合使用
最新推荐文章于 2024-06-11 17:38:44 发布