v-for 带索引时,括号与in之间必须加空格

unclewangwangwang

已于 2022-09-26 13:02:09 修改

阅读量828

点赞数 3

文章标签：前端 javascript 开发语言

于 2022-09-26 11:04:39 首次发布

没啥版权，随意使用，祝代码君身体健康，万事顺利。

本文链接：https://blog.youkuaiyun.com/uncleweiwei/article/details/127049811

版权

本文介绍在Vue.js中使用v-for指令遍历数组时的常见错误及正确做法，特别是当需要同时获取元素和索引时，如何避免语法错误确保代码正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue.js:634 [Vue warn]: Error compiling template:

Invalid v-for expression: (brand,i)in brands

18 |          <!--
19 |              使用v-for遍历tr
20 |          --><tr v-for="(brand,i)in brands" align="center">
   |                 ^^^^^^^^^^^^^^^^^^^^^^^^^^
21 |              <td>{{i+1}}</td>
22 |              <td>{{brand.brandName}}</td>

(found in <Root>)

运用v-for遍历数据做表时,如果是带索引方式遍历,括号与in之间需要有空格,否则浏览器控制台会报错,并且无法遍历相关数据..........

错误示范:v-for="(user,i)in Users"

正确格式:v-for="(user,i) in Users"