vue template遍历对象数组 时里面的 template拿到当前遍历的对象

可以使用 Vue.js 的特殊变量 $index 或者 $key 来获取当前遍历对象的索引或键值。

例如：

<template>
  <div>
    <div v-for="(item, index) in itemList" :key="index">
      <h3>{{ item.title }}</h3>
      <p>{{ item.content }}</p>
      <button @click="showDetail(index)">查看详情</button>
      <div v-if="currentIndex === index">
        <h4>详情</h4>
        <p>{{ item.detail }}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      itemList: [
        {
          title: '标题1',
          content: '内容1',
          detail: '详情1'
        },
        {
          title: '标题2',
          content: '内容2',
          detail: '详情2'
        },
        {
          title: '标题3',
          content: '内容3',
          detail: '详情3'
        }
      ],
      currentIndex: -1
    }
  },
  methods: {
    showDetail(index) {
      this.currentIndex = index
    }
  }
}
</script>

在上面的例子中，当点击“查看详情”按钮时，会调用 showDetail 方法，并将当前遍历对象的索引作为参数传入。在 showDetail 方法中，我们可以根据索引来更新 currentIndex 的值，从而控制对应的详情信息是否显示。同时，在模板中可以使用 v-if 指令来根据 currentIndex 的值来判断是否显示详情信息。