一个form表单中通过循环生成多个input,当点击提交的时候如何获取到input对应的值,并且每个input互不影响
就是类似淘宝中的一个订单有多个商品发表评价,发表评价得要获取评价的星级以及评价的内容,并且还得和商品一一对应
这种功能该如何实现,可以提供一下思路吗?
2***@qq.com
- 发布:2019-03-21 11:45
- 更新:2019-03-21 12:35
- 阅读:3643
一个form表单统一提交的获取input值
分类:uni-app
<template>
<view class="content">
<form @submit="formSubmit" @reset="formReset">
<view class="uni-form-item uni-column" v-for="(item,index) in formList" :key="item.name">
<view class="title">{{item.label}}</view>
<input class="uni-input" :name="item.name" placeholder="" />
</view>
<view class="uni-btn-v">
<button formType="submit">Submit</button>
<button type="default" formType="reset">Reset</button>
</view>
</form>
</view>
</template>
<script>
export default {
data() {
return {
formList: [{
label: "名称1",
name: "name1"
},
{
label: "名称2",
name: "name2"
}
]
}
},
onLoad() {
},
methods: {
formSubmit: function(e) {
console.log('form发生了submit事件,携带数据为:' + JSON.stringify(e.detail.value))
},
formReset: function(e) {
console.log('清空数据')
this.chosen = ''
}
}
}
</script>
2***@qq.com (作者)
好的 非常感谢了
2019-03-22 13:27