Vue循环中多个input绑定指定v-model

Vue.js中提供了v-model可以双向绑定表单元素,这个方法可以非常方便的获得输入的值,但是有时候表单元素需要循环生成,在循环中要怎样获得指定输入框的值呢

这里介绍两种,一种是v-for中循环生成的输入框,一种是在element-table中生成的输入框

在循环中只要给定的v-model不一致就可以为输入框分别绑定,在循环中index每一项都是不一样的,你也可以使用字符拼接的方式,设置v-model对应的值为input1,input2..

类似这样的,这样就可以通过绑定的值取到对应输入框的值了,

 

在控制台打印的结果:

还有一种场景是在表格中嵌套的input:

这样的只用绑定表格的属性就好了,这样在打印出来的tableData中就可以拿到input的值