实例如图:
所有项都是用v-for遍历出来的数据,内容为input标签,现在我们要获取input的内容就显得比较麻烦。因为v-model绑定的是数组项,data数据中没有输入框的数据变量。
也在网上找了一些方法:
1、v-model拆成:value和@input
2、js原生的dom节点获取输入框的内容
以上的方法都试了一些,发现都不大行不通,于是自己想了一个变通的方法:
-
将原数组拆分为两个数组
1、原数组
2、需要的内容为一个数组 -
因为v-for 遍历都需要一个index,我们只需要让两个数组的index一致就可以了
遍历出新数组:
要获取值的时候只需要传数组的index
- 传index
- 通过index获取数组值
网友评论