vue模版 数组循环，传参等于对象中指定参数返回当前对象 es6犯法实现

在Vue模板中进行数组循环时，若需要传递参数等于对象中指定的参数，并返回当前对象，可以使用JavaScript ES6的箭头函数来简化这一过程。以下是一个示例代码，展示了如何在Vue模板中实现这一功能：

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item.id" @click="handleClick(item.id)">
        <!-- 这里可以根据需要显示对象的其他属性 -->
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Item 1', description: 'Description 1' },
        { id: 2, name: 'Item 2', description: 'Description 2' },
        // 更多对象...
      ]
    };
  },
  methods: {
    handleClick(id) {
      // 这个方法会被调用，并传入当前点击对象的id
      const item = this.items.find(item => item.id === id);
      // 此时item就是具有指定id的对象
      console.log(item);
      // 可以根据需要进一步处理item
    }
  }
};
</script>

在上述示例中，`items` 是一个包含多个对象的数组。在模板中的 `v-for` 指令用于遍历这个数组，并为每个元素创建一个 `<li>` 元素。点击 `<li>` 元素时，会调用 `handleClick` 方法，并将当前点击的对象的 `id` 作为参数传递。

`handleClick` 方法中使用了ES6的 `find` 方法，它会遍历数组 `items`，并返回第一个满足条件的元素，即对象的 `id` 属性等于方法参数的那一个对象。然后，这个对象就被赋值给了变量 `item`。