hget如何获取多个value_vue中v-for获取多个input值

前言

近期项目中遇到 v-for 动态控制 input输入框显示的功能，但只有一个input框，使用v-model 绑定一个值会导致输入框内的所有值同步更改，那如何获取每个input框内的值呢 ? 废话不多说，先上图

主要思路

在input 上使用 v-model绑定到数据源的其中一个字段

若后台没有该字段则自己动态添加一个并组装

页面如下

Document

#app {

width: 100%;

margin-left: 500px;

margin-top: 100px;

}

.inputArea {

display: block;

margin: 6px 0;

height: 30px;

line-height: 30px;

}

.postData {

margin-top: 20px;

width: 150px;

height: 30px;

line-height: 30px;

text-align: center;

border: 1px solid #ccc;

text-align: center;

cursor: pointer;

}

.res {

margin-top: 10px;

}

获取输入值