美文网首页
Vue:v-for赋值给v-model后获取如何获取v-mode

Vue:v-for赋值给v-model后获取如何获取v-mode

作者: 1CC4 | 来源:发表于2020-02-27 17:59 被阅读0次

实例如图:

所有项都是用v-for遍历出来的数据,内容为input标签,现在我们要获取input的内容就显得比较麻烦。因为v-model绑定的是数组项,data数据中没有输入框的数据变量。

也在网上找了一些方法:
1、v-model拆成:value和@input
2、js原生的dom节点获取输入框的内容

以上的方法都试了一些,发现都不大行不通,于是自己想了一个变通的方法:

  • 将原数组拆分为两个数组
    1、原数组
    2、需要的内容为一个数组

  • 因为v-for 遍历都需要一个index,我们只需要让两个数组的index一致就可以了

遍历出新数组:

要获取值的时候只需要传数组的index

  • 传index
  • 通过index获取数组值

相关文章

网友评论

      本文标题:Vue:v-for赋值给v-model后获取如何获取v-mode

      本文链接:https://www.haomeiwen.com/subject/uisxhhtx.html