首页 > 其他分享 >v-for

v-for

时间:2023-10-07 21:56:14浏览次数:34  
标签: index 遍历 下标 草莓 item 数组名

1. 作用:基于数据循环,多次渲染整个元素(可以遍历 数组、对象、数字 ......)

2. 遍历数组语法:v-for = "(item, index) in 数组名" (item:遍历时的每一项;index:遍历时的下标)

                             如果不需要下标,则可以简写:v-for = "item in 数组名" 

 

                             eg:data里定义变量 list: ['西瓜', '苹果', '草莓']

                             <div v-for = "(item, index) in list">

                                   {{ item }} //依次展示西瓜 苹果 草莓

                            </div>

 

标签:,index,遍历,下标,草莓,item,数组名
From: https://www.cnblogs.com/gagaya2/p/17747575.html

相关文章