类似php页面很多个<input name=“user_name[]”>,获取到一个user_name的数组
实现了你需要的,可直接粘贴代码测试
<button bindtap=“addInput”>添加Input</button>
<button bindtap=“removeInput”>删除Input</button>
<view style=“border:1rpx solid #eee;”>
<block wx:for="{{Input}}">
<input style=“background-color:#eee;border:1rpx solid #000;margin-bottom:20rpx;padding-left:20px” type=“text” value="{{item}}" bindinput=“inputChange” data-index="{{index}}" />
</block>
</view>
<button bindtap=“consoleARR”>查看所有Input值</button>
Page({
data: {
Input: [], // 用来添加/删除组件的数组
arr:[] // 用来存放组件value的数组
},
addInput: function () {
this.data.Input.push((this.data.Input.length + 1).toString())
this.setData({ Input: this.data.Input })
},
removeInput: function () {
this.data.Input.pop();
this.setData({ Input: this.data.Input })
},
inputChange:function(e){
//console.log(e.target.dataset.index,e.detail.value);
var index=e.target.dataset.index;
var value=e.detail.value;
this.data.arr[index]=value;
this.setData({arr:this.data.arr})
//console.log(this.data.arr)
},
consoleARR:function(){
console.log(this.data.arr)
}
})