vue的<script>里面怎么遍历,然后将遍历到的东西存到data的数组里
时间: 2023-05-29 18:05:55 浏览: 314
在Vue的`<script>`中,可以使用`v-for`指令进行遍历。具体步骤如下:
1. 在`data`中定义一个空数组,用于存储遍历到的数据,例如:
```
data() {
return {
items: []
}
}
```
2. 在模板中使用`v-for`指令进行遍历,并将遍历到的数据存入`items`数组中,例如:
```
<template>
<div>
<ul>
<li v-for="(item, index) in itemList" :key="index">{{ item }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
items: []
}
},
computed: {
itemList() {
return ['item1', 'item2', 'item3']
}
},
mounted() {
// 将遍历到的数据存入items数组中
this.itemList.forEach(item => {
this.items.push(item)
})
}
}
</script>
```
在上面的例子中,`v-for`指令会遍历`itemList`数组中的每个元素,并将遍历到的数据存入`item`变量中。`items`数组会在`mounted`钩子中被遍历,将遍历到的数据存入其中。
阅读全文