vue中v-for出来的多个input，如何拿到每个input的值？

Question

如上图这样，每一个input我如何拿到呀。如果用v-model的话，我改其中一个input，其他的也会跟着变

Answer 1

1: 你用for循环的肯定是一个object或者数组吧, 给他们添加value项用老v-model
2: ref 可以在for中形成数组, 然后你按dom的序号去取

Answer 2

返回的input字段对应的都不一样的，绑定下标index 试试

Answer 3

<input @change='changeText' />

changeText(event) {
    console.log(event.target.value)
}

Answer 4

v-for循环的每条数据中 绑定对应数据的input的值, 设置为v-model即可, 取值可以根据下标this.数据[index].变量

Answer 5

<input type="text" @change="comments" class="input" value=""/>

return {
    comment:'',//评论内容
}

comments(event){
    this.comment=event.detail.value
},

最后使用的时候取值即可。
转自：忆苦思甜