uniapp小程序数组数组怎么直接显示在页面上
时间: 2023-11-28 17:04:39 浏览: 76
您可以使用 `v-for` 指令来遍历数组并将其显示在页面上。以下是一个示例:
```
<template>
<div>
<ul>
<li v-for="(item, index) in items" :key="index">{{ item }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
items: ['apple', 'banana', 'orange']
}
}
}
</script>
```
在上面的示例中,我们使用 `v-for` 指令来遍历 `items` 数组,并将每个元素显示为列表中的一个项目。通过 `:key` 属性,Vue 可以跟踪每个项目的身份,以便在更新数组时进行优化。