uniapp v-for
时间: 2023-07-01 20:21:08 浏览: 227
uniapp - 微信小程序 - 自定义底部tabbar
Uniapp中使用v-for指令可以对数据进行循环渲染,语法格式如下:
```html
<template>
<view>
<text v-for="(item, index) in list" :key="index">{{ item }}</text>
</view>
</template>
```
在上述代码中,v-for指令会遍历list数组,将其中的每个元素都渲染成一个text标签,其中item表示数组中的每个元素,index表示元素的索引。:key属性用于标识每个元素,提高渲染效率。
阅读全文