美文网首页
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