v-for 中可通过第二个参数获取索引:数组用 (item, index),对象用 (value, key, index);索引从 0 开始,推荐用唯一 id 而非 index 作 key,事件中可直接传入 index 定位操作。

在 Vue 模板中使用 v-for 循环时,可以通过第二个参数获取当前项的索引值,语法为 (item, index) 或 (value, key, index)(对象遍历时)。
基础用法:数组遍历中获取索引
对数组使用 v-for 时,索引是可选的第二个参数,从 0 开始计数:
- {{ index + 1 }}. {{ todo.text }}
注意:务必为每个元素设置唯一的 :key。推荐优先使用数据本身的唯一标识(如 todo.id),而非仅用 index,避免列表动态更新时出现渲染异常。
对象遍历中同时获取键、值和索引
遍历对象时,v-for 支持三个参数:(value, key, index):
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
