vue用forEach遍历对象数组

可以使用以下代码：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in items" :key="index">
        {{ item.name }} - {{ item.age }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 22 }
      ]
    }
  },
  mounted() {
    this.items.forEach(item => {
      console.log(item.name)
    })
  }
}
</script>

在 mounted 钩子函数中使用 forEach 遍历对象数组，输出每个对象的 name 属性。

相关问题

vue foreach循环遍历数组

Vue提供了一个很方便的方法来遍历数组，就是使用v-for指令，它会根据提供的数组中的每个项目来创建一个新的渲染上下文。例如：<ul> <li v-for="item in items">{{ item.message }}</li> </ul>

vue foreach遍历数组并push

可以使用Vue的forEach方法来遍历数组，并使用push方法将遍历到的元素添加到另一个数组中。具体代码如下：

var arr1 = [1, 2, 3, 4, 5];
var arr2 = [];

arr1.forEach(function(item) {
  arr2.push(item);
});

console.log(arr2); // [1, 2, 3, 4, 5]

其中，arr1是要遍历的数组，arr2是要将遍历到的元素添加到的数组。使用forEach方法遍历arr1，对于每个元素，使用push方法将其添加到arr2中。最终，arr2中就包含了arr1中的所有元素。