主要步骤:
1、为输入个性签名设置输入框:将框中的值设为signatrue
<input type="text" value="{{ signature }}" bindinput="handleText" />
2、在js页面中编写处理函数。
(1)在载入页面时进行初次渲染,app为全局变量,在页面开始时记得使用getApp()进行导入。
onReady: function () {
this.setData({
signature: app.userInfo.signature
});
},
(2)接收input
中的信息后更新数据库和对页面再次渲染,还要记得更新全局变量。
db.collection('users').doc(app.userInfo._id).update({
data : {
signature : this.data.signature
}
})
app.userInfo.signature = this.data.signature;
提升用户使用体验
1、可以在修改的时候对用户的操作实当进行些提醒,让用户体验更舒适,
可以使用微信自带的API
wx.showLoading({
title: '更新中'
})
wx.showToast({
title: '更新成功'
});
更改信息后在每一次页面显示对数据进行更新
在小程序的周期函数:onShow中进行修改数据更新即可
–
onShow: function () {
this.setData({
userPhoto : app.userInfo.userPhoto,
nickName : app.userInfo.nickName,
id: app.userInfo._id
});
},