微信小程序新增地址代码
时间: 2023-10-01 20:06:02 浏览: 96
以下是微信小程序新增地址的代码示例:
1. 在 WXML 文件中添加一个按钮,用于触发新增地址的操作:
```
<button bindtap="addAddress">新增地址</button>
```
2. 在对应的 JS 文件中编写 addAddress 方法,该方法会跳转到新增地址页面:
```
addAddress: function() {
wx.navigateTo({
url: '/pages/addAddress/addAddress',
})
}
```
3. 在新增地址页面中,编写表单,获取用户输入的地址信息:
```
<form bindsubmit="submitForm">
<input name="name" placeholder="收货人姓名" />
<input name="phone" placeholder="联系电话" />
<input name="address" placeholder="详细地址" />
<button formType="submit">保存</button>
</form>
```
4. 在对应的 JS 文件中编写 submitForm 方法,该方法会将用户输入的地址信息保存到数据库中:
```
submitForm: function(e) {
const db = wx.cloud.database();
db.collection('address').add({
data: {
name: e.detail.value.name,
phone: e.detail.value.phone,
address: e.detail.value.address
},
success: function(res) {
wx.showToast({
title: '保存成功',
})
wx.navigateBack();
}
})
}
```
以上就是微信小程序新增地址的代码示例,注意需要在 app.json 文件中配置相应的路由信息。
阅读全文