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

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值