小程序动态新增表单并取值提交功能

为了方便大家参考把源码分享，浏览使用麻烦留下你的赞~
index.wxml

联系信息



联系人



职位



联系电话






index.js
// 输入框取值
customerinput(e) {
let _this = this;
let ids = e.target.dataset.id
let attribute = e.target.dataset.attr
let Values = e.detail.value
let formi = this.data.formList[ids]
console.log(attribute, Values, formi)
if (attribute == ‘names’) {
formi.names = Values
} else if (attribute == ‘position’) {
formi.position = Values
} else {
formi.phone = Values
}
//最新的数组
this.setData({
formList: this.data.formList
})
console.log(this.data.formList, ‘先有数据’)
},
// 新增表单
additem(e) {
let forms = this.data.formList;
var newItem = {
names: null,
position: null,
phone: null
};
let formss = forms.concat(newItem);
console.log(formss)
this.setData({
formList: formss
})
},
//提交并判断
btn(){
if (this.data.customerName&&XXX) {
let phonearr = []
this.data.formList.map(item => {
if (item.phone) {
phonearr.push(item.phone)
this.setData({
phonearr: phonearr
})
} else {
//提示信息
}
})
if (this.data.formList.length == this.data.phonearr.length) {
//接口逻辑
}
}
//css样式可以自己定义就不粘出来了
~快乐来自于分享