uniapp多input提交
<template>
<view class="all">
<view v-for="item in arlist">
<view class="cu-form-group">
<view class="title">操作的任务</view>
<input v-model="item.name" style="font-size: 25upx;" name="input" placeholder="请输入名称"> </input>
<input v-model="item.content" style="font-size: 25upx;" name="input" placeholder="请输入内容"> </input>
</view>
</view>
<button @click="aradd">添加</button>
<view v-for="item in list">
<view class="cu-form-group">
<view class="title">操作的任务</view>
<input v-model="item.values" style="font-size: 25upx;" name="input" placeholder="请输入"> </input>
</view>
</view>
<button @click="add">添加</button>
<view v-for="item in list2">
<view class="cu-form-group">
<view class="title">操作的任务</view>
<input v-model="item.values" style="font-size: 25upx;" name="input" placeholder="请输入"> </input>
</view>
</view>
<button @click="add2">添加</button>
<view v-for="item in list3">
<view class="cu-form-group">
<view class="title">操作的任务</view>
<input v-model="item.value1" style="font-size: 25upx;" name="input" placeholder="请输入"> </input>
<input v-model="item.value2" style="font-size: 25upx;" name="input" placeholder="请输入"> </input>
</view>
</view>
<button @click="add3">添加</button>
<button @click="qure2">确定</button>
</view>
</template>
<script>
var _self;
export default {
data() {
return {
arlist: [{
id: 1,
"name": "",
"content": ""
}],
list: [{
id: 1,
values: ""
}],
as: "",
list2: [{
id: 1,
values: ""
}],
as2: "",
list3: [{
id: 1,
value1: "",
value2: 0,
}],
as3: "",
}
},
methods: {
qure2() {
//1
console.log(this.list);
for (var i = 0; i < this.list.length; i++) {
if (this.list[i].id == 1) {
this.as += this.list[i].values
} else {
this.as += "," + this.list[i].values
}
}
console.log(11, this.as);
//2
console.log(this.list2);
for (var i = 0; i < this.list2.length; i++) {
if (this.list2[i].id == 1) {
this.as2 += this.list2[i].values
} else {
this.as2 += "," + this.list2[i].values
}
}
console.log(22, this.as2);
//3
console.log(this.list3);
for (var i = 0; i < this.list3.length; i++) {
if (this.list3[i].id == 1) {
this.as3 += this.list3[i].value1 + "," + this.list3[i].value2
} else {
this.as3 += ";" + this.list3[i].value1 + "," + this.list3[i].value2
}
}
console.log(33, this.as3);
//4
console.log(44,this.arlist);
},
add() {
console.log(this.list);
this.list.push({
id: this.list.length + 1,
values: ""
})
},
add2() {
console.log(this.list2);
this.list2.push({
id: this.list2.length + 1,
values: ""
})
},
add3() {
console.log(this.list3);
this.list3.push({
id: this.list3.length + 1,
value1: "",
value2: 0
})
},
aradd(){
console.log(this.arlist);
this.arlist.push({
id: this.arlist.length+1,
"name": "",
"content": ""
})
},
}
}
</script>
<style>
</style>
选中
<template>
<view style="display: flex;flex-direction: column;">
<view v-for="item in list">
<view style="display: flex;" @click="dels(item)">
<view>{{item.UserName}}</view>
<view v-show="item.checked">对</view>
</view>
</view>
<button @click="btn">测试</button>
</view>
</template>
<script>
export default {
data() {
return {
as:"",
aid:"",
list:[
{
userId:1,
UserName:"哈哈哈",
checked:false
},
{
userId:2,
UserName:"呜呜呜",
checked:false
},
{
userId:3,
UserName:"嘻嘻嘻",
checked:false
}
]
}
},
methods: {
dels(item){
console.log(item.userId);
this.list[item.userId-1].checked=!this.list[item.userId-1].checked;
},
btn(){
for(var i=0;i<this.list.length;i++){
if(this.list[i].checked==true){
console.log(33,this.list[i])
this.as+=","+this.list[i].UserName;
this.aid+=","+this.list[i].userId;
}
}
console.log(1,this.as.substr(1,this.as.length)); //1 "哈哈哈,呜呜呜"
console.log(1,this.aid.substr(1,this.aid.length)); //1 "哈哈哈,呜呜呜"
}
}
}
</script>
<style>
</style>