vue中怎么获取列表元素下标

在 Vue.js 中，你可以使用 v-for 指令来循环遍历列表元素，然后使用特定的语法来获取元素的下标。

具体地说，你可以在 v-for 指令的语法中，使用括号包裹两个变量，第一个变量是当前元素，第二个变量是当前元素的下标。

以下是示例代码：

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

<script>
export default {
  data() {
    return {
      list: [
        { id: 1, name: 'Apple' },
        { id: 2, name: 'Banana' },
        { id: 3, name: 'Cherry' },
        { id: 4, name: 'Durian' },
        { id: 5, name: 'Elderberry' },
        { id: 6, name: 'Fig' },
      ],
    };
  },
};
</script>

在这个示例中，我们在 v-for 指令的语法中，使用括号包裹了两个变量 item 和 index，分别表示当前元素和当前元素的下标。

然后，在模板中，我们使用 {{ index }} 来显示当前元素的下标，使用 {{ item.name }} 来显示当前元素的名称。

需要注意的是，这里的 index 变量是从 0 开始计数的，也就是第一个元素的下标是 0，第二个元素的下标是 1，以此类推。