前言
近期项目中遇到 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;
}
获取输入值