微信小程序常用的几个周期函数的详解以及用法描述
Posted 勇敢*牛牛
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序常用的几个周期函数的详解以及用法描述相关的知识,希望对你有一定的参考价值。
// pages/index/index.js
Page(
/**
* 页面的初始数据
*/
data:
num:1000,
show:false
,
/**
* 生命周期函数--监听页面加载,执行一次
* 此方法可以获取页面传递过来的参数
* options=>id:XXX
*/
onLoad(options)
console.log("options",options);
,
/**
* 生命周期函数--监听页面显示-页面的渲染与卸载
* 结构加载完毕,样式没有加载完毕
* N次
*/
onShow()
console.log("onShow");
,
/**
* 生命周期函数--监听页面初次渲染完成
* 样式和数据都加载完毕
* 1次
*/
onReady()
console.log("onReady");
,
/**
* 生命周期函数--监听页面隐藏
*/
onHide()
console.log("onHide");
,
/**
* 生命周期函数--监听页面卸载
*/
onUnload()
,
/**
* 页面相关事件处理函数--监听用户下拉动作
* 加载更多的数据
*/
onPullDownRefresh()
console.log("onPullDownRefresh");
,
/**
* 页面滚动的事件
*/
onPageScroll(event)
let isHeight = event.scrollTop>100?true:false
this.setData(show:isHeight)//控制按钮的显示
,
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom()
console.log("我到底啦");
,
/**
* 用户点击右上角分享
*/
onShareAppMessage()
return
path:"/pages/index/index?id=100",//选择那个页面去分享
imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20191111%2F0f90c292a4404cfb81889a211f3d2f33.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669379456&t=d9eec60302e33c4411a2747d742435c1",//网络图片
title:"天冷穿厚,宝"
,
onAddToFavorites(res) //收藏
// webview 页面返回 webViewUrl
console.log('webViewUrl: ', res.webViewUrl)
return
title: '收藏',
imageUrl: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20191111%2F0f90c292a4404cfb81889a211f3d2f33.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669379456&t=d9eec60302e33c4411a2747d742435c1',
query: 'id=100',
,
onShareTimeline()
return
title: '朋友圈',
imageUrl: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20191111%2F0f90c292a4404cfb81889a211f3d2f33.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669379456&t=d9eec60302e33c4411a2747d742435c1',
query: 'id=100',
)
以上是关于微信小程序常用的几个周期函数的详解以及用法描述的主要内容,如果未能解决你的问题,请参考以下文章