微信小程序自定义组件动态生成表单 如何获取表单数据
时间: 2023-05-27 20:01:43 浏览: 141
基于uniapp微信小程序我的钱包页面
获取表单数据的一般步骤如下:
1. 在自定义组件中定义一个data,用于存储表单数据。
2. 在表单中添加各种表单元素,如text、textarea、radio、checkbox等。
3. 在表单元素中绑定事件,如input,change等,并将表单元素的值保存到data中。
4. 添加一个提交按钮,并在其点击事件中获取data中的数据,并将数据提交到后台。
以下是获取表单数据的示例代码:
```
// 定义data
data: {
name: '',
age: '',
gender: '',
hobbies: []
},
// 表单元素输入事件
bindNameInput:function(e){
this.setData({
name: e.detail.value
})
},
bindAgeInput:function(e){
this.setData({
age: e.detail.value
})
},
bindGenderChange:function(e){
this.setData({
gender: e.detail.value
})
},
bindHobbiesChange: function(e){
this.setData({
hobbies: e.detail.value
})
},
// 提交按钮点击事件
submitForm:function(){
// 获取data中的数据
var formData = this.data;
// 将数据提交到后台
// ......
}
```
阅读全文