uniapp的vue2怎么使用forEach
时间: 2023-12-10 08:38:40 浏览: 124
uniapp vue瀑布流自定义控件资源包
在Vue2中,可以使用`forEach`方法来遍历数组。
示例代码如下:
```
<template>
<div>
<ul>
<li v-for="(item, index) in list" :key="index">{{ item }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
list: ['apple', 'banana', 'orange']
}
},
mounted() {
this.list.forEach((item, index) => {
console.log(item, index)
})
}
}
</script>
```
在`mounted`生命周期钩子函数中,我们可以使用`forEach`方法遍历数组,并输出每个元素的值和索引。
注意,在Vue2中,我们使用`v-for`指令来循环渲染数组元素,而不是使用`forEach`方法。`v-for`指令是Vue2提供的用于渲染列表数据的指令,它会自动将数据映射为DOM节点。
阅读全文