Page頁中的鉤子函數(shù)
//當(dāng)下拉刷新的時(shí)候
onPullDownRefresh: function () {
},
//頁面上拉觸底事件的處理函數(shù)
onReachBottom: function () {
},
//當(dāng)頁面滾動(dòng)時(shí)
onPageScroll(pos){
返回頂部的元素在頁面滾動(dòng)>200時(shí)顯示
if (pos.scrollTop > 200){
this.setData({
isBackTopShow: true
},()=>{
console.log('數(shù)據(jù)更新完畢之后的回調(diào)');
})
console.log(this.data.isBackTopShow);
}
},
//當(dāng)在tabBar上切換到當(dāng)前頁時(shí)
onTabItemTap(item){
console.log(item.text);
console.log(item.index);
console.log(item.pagePath);
}
bindtap和catchtap
bindtap: 冒泡
catchtap: 阻止冒泡
wxml
<view class="wrapper" bindtap="onParentTap" data-num="0" data-id="4">
<view bindtap="onBindTap" data-type="bind">bindtap</view>
<view catchtap="onCatchTap" data-type="catch">catchtap</view>
</view>
js
onBindTap(){
console.log('onBindTap');
},
onCatchTap(){
console.log('onCatchTap');
},
onParentTap(e){
console.log('onParentTap',e);
}
注意e.target.dataset 和e.currentTarget.dataset的區(qū)別
this.setData是異步函數(shù)盯滚，有回調(diào)
this.setData({},()=>{
console.log('數(shù)據(jù)更新完畢執(zhí)行該回調(diào)')
})
weui組件庫的使用
參考課件
微信授權(quán)獲取用戶信息
wxml
<button bindtap="getInfo" type="primary" class="btn" >微信登錄</button>
js
getInfo(e) {
wx.getUserProfile({
desc: '用于完善會(huì)員資料', // 聲明獲取用戶個(gè)人信息后的用途造壮，后續(xù)會(huì)展示在彈窗中，請謹(jǐn)慎填寫
success: (res) => {
console.log(res);
//把獲取的用戶昵稱和頭像地址存在storage
let { nickName ,avatarUrl} = res.userInfo
},
fail(err){
console.log('拒絕');
}
})
},
微信數(shù)據(jù)緩存的API
//存
let user = {
nickName: 'a',
age: 18
}
wx.setStorage({
key:"userinfo",
data: user
})
//取
wx.getStorage({
key: 'userinfo',
success:(res)=> {
this.setData({
isLoginShow: false
})
},
fail:()=>{
console.log('沒有數(shù)據(jù)');
this.setData({
isLoginShow: true
})
}
})
//清除
wx.removeStorage({
key: 'userinfo',
})
