v-for 柔情只为你懂 2023-07-07 08:02 27阅读 0赞 循环普通数组: <p v-for="(item, i) in list">索引值:{ { i}} --- 每一项:{ { item}}</p> 循环对象数组: <p v-for="(user, i) in list">Id:{ { user.id }} --- 名字:{ { user.name }} --- 索引:{ { i}}</p> 循环对象: <!-- 注意:在遍历对象身上的键值对的时候, 除了 有 val key ,在第三个位置还有 一个 索引 --> <p v-for="(val, key, i) in user">值是: { { val }} --- 键是: { { key}} -- 索引: { { i}}</p> 迭代数字: <!-- in 后面可以放 普通数组,对象数组,对象, 还可以放数字 --> <!-- 注意:如果使用 v-for 迭代数字的话,前面的 count 值从 1 开始 --> <p v-for="count in 10">这是第 { { count }} 次循环</p> **注意**:在组件中,使用v-for循环的时候,或者在一些特殊情况中,如果 v-for 有问题,必须 在使用 v-for 的同时,指定 唯一的 字符串/数字 类型 :key 值
还没有评论,来说两句吧...