vue中的v-for循环指令使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中的v-for循环指令使用相关的知识,希望对你有一定的参考价值。

技术分享图片

循环数组:

1:直接遍历数组中的数据

技术分享图片

2:遍历索引和值

技术分享图片

注意:value在前面,不要写反了,后面的参数才是对应的索引值。

遍历对象:

1:遍历值

技术分享图片

2:遍历key和value

技术分享图片

注意:和数组一样,前面是value,后面是key.

3:遍历value 、 key 、index

技术分享图片

注意:参数对应的值

技术分享图片

以上是关于vue中的v-for循环指令使用的主要内容,如果未能解决你的问题,请参考以下文章

第十节:Vue指令:v-for列表循环

Vue.js 循环语句

vue3条件语句和循环语句

前端笔记十一v-for循环普通数组对象数组对象数字

前端笔记十一v-for循环普通数组对象数组对象数字

前端笔记十一v-for循环普通数组对象数组对象数字