Vue：v-for如何拿到index为0 的id

Question

需要实现的是：默认显示v-for遍历出的列表的第一个。并将第一个的ID传给后端，拿到相应的数据并显示出来。

<el-row  v-for="(item,index) in List" :key="item.id" >
 <div  :class="{'list-active': activelist ===index }">//选中效果
      <div  @click="change(item.id,index)"
      >  // 点击获取到对应的id,将id传出，拿到id对应name的数据             
          {{item.name}}
      </div>
  </div>
</el-row>

如何获取到index为0的id呢，默认显示第一个列表的数据，并高亮

Answer 1

你初始化的时候就在onLoad的函数里获取列表,然后根据列表的index为0的id获取初始数据,activelist可以默认为0,这样的话就能默认有选中状态