javascript - vue 列表渲染怎么取到具体的某个值

问题描述

问 题

data: {
     message:"bob"
}

获取message的方法是this.message

如果数据是数组对象

data: {
     items:post_list
}

在渲染后的列表中绑定方法，怎么在methods中获取到具体对应的某一项的值，比如hc_id

解决方案

模板中不就获取了？

<div v-for="item in items" @click="callback(item.hc_id, $event)">
  {{ item.hc_id }}
</div>

或者采用你想的那种在渲染完成后进行获取值（当然非常不推荐这种做法），你可以直接把值写成attr赋在dom上，举例子

<div v-for="item in items" data-hcid={{item.hc_id}} >
  {{ item.hc_id }}
</div>

这篇关于javascript - vue 列表渲染怎么取到具体的某个值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！