<view class="content"> <view class="hr"></view> <view class="bg"> <form bindsubmit="formSubmit" bindreset="formReset"> <view class="item"> <view class="name">联系人</view> <view class="value"> <input type="text" placeholder="收货人姓名" placeholder-class="holder" name="userName" value="{{userName}}" /> </view> </view> <view class="line"></view> <!-- <view class="item"> <view class="name">性别</view> <view class="value"> <radio-group class="radin-group" bindchange="radioChange" name="sex"> <radio value="0" checked="{{sex==0}}">先生</radio> <radio value="1" checked="{{sex==1}}">女士</radio> </radio-group> </view> </view> <view class="line"></view> --> <view class="item"> <view class="name">手机号码</view> <view class="value"> <input type="text" placeholder="联系您的电话" placeholder-class="holder" name="phone" value="{{phone}}" /> </view> </view> <view class="line"></view> <view class="item"> <view class="name">所在城市</view> <view class="value"> <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}" name="city"> <view class="picker"> {{region[0]}},{{region[1]}},{{region[2]}} </view> </picker> </view> </view> <!-- <view class="line"></view> <view class="item"> <view class="name">收货地址</view> <view class="value"> <input type="text" placeholder="选择收货地址" placeholder-class="holder" name="address" bindtap="chooseLocation" value="{{address}}" /> </view> </view> --> <view class="line"></view> <view class="item"> <view class="name">详细地址</view> <view class="value"> <input type="text" placeholder="请输入详细信息" placeholder-class="holder" name="num" value="{{num}}" /> </view> </view> <view class="line"></view> <button class="btn" form-type="submit">保存</button> <view class="tip">{{tip}}</view> </form> </view> </view>根据这段代码把上述内容写出数据保存到缓存的js
时间: 2023-08-05 22:02:59 浏览: 247
【无效退积分】xib转换 View <<==>> Cell
你可以在 `formSubmit` 方法中获取表单数据,然后将数据保存到缓存中。示例代码如下:
```
Page({
data: {
userName: '',
phone: '',
region: ['', '', ''],
num: '',
tip: ''
},
formSubmit(e) {
const formData = e.detail.value; // 获取表单数据
console.log('form发生了submit事件,携带数据为:', formData);
// 将数据保存到缓存中
wx.setStorageSync('formData', formData);
// 显示保存成功的提示信息
this.setData({ tip: '保存成功' });
},
formReset() {
console.log('form发生了reset事件');
this.setData({
userName: '',
phone: '',
region: ['', '', ''],
num: ''
});
}
})
```
在上面的示例代码中,我们使用 `wx.setStorageSync` 方法将表单数据保存到缓存中,并在保存成功后,使用 `setData` 方法更新 `tip` 变量,显示保存成功的提示信息。如果需要清空表单数据,可以在 `formReset` 方法中设置表单数据的初始值。
阅读全文