uniapp v-for遍历出来多个input,点击保存如何取到所有input的值?

uniapp v-for遍历出来多个input,点击保存如何取到所有input的值?

img

img

定义表单控件对应的变量,绑定input控件即自动可获取值。

你说的不对吧?v-for遍历出来的不已经是保存好的吗?你应该说v-for遍历后的数据进行修改过后如果保存

有两个方法,一是修改过后的list提交到后端,在后端使用for遍历对象,进行遍历更新数据,或者在数据库写批量更新,直接传参list集合即可

你循环的那个list不就是所以的值?

img


这个list里的对应字段

1.首先你的input是根据list数组遍历出来的
2.你的代码中 每个input标签都添加了v-model 双向数据绑定,所以你每次修改input里的内容,list中对应的数据都会自动更新
3.综合上面两条的逻辑,list这个数组就是你想要拿到的数据,点击保存的时候获取一下这个数组就可以了

已解决,谢谢大家的提示