一卷旌收千骑虏,万全身出百重围。这篇文章主要讲述unia-app页面声明周期相关的知识,希望能为你提供帮助。
A页面,点击按钮传递的参数
<
view class="" @tap="gotoLunBo">
去轮播页<
/view>
methods:{
gotoLunBo(){
uni.navigateTo({
// url: \'test?id=1&
name=uniapp\'c传递参数
url:"/pages/banpaiindex/banpaiindex?id=12"
})
}
},
// 页面级别的声明周期
B页面
//监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)
//这个函数,可以拿到data中的值吗?
//可以,
onLoad(option){
console.log("onLoad",option.id);
//输出12;
},//页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面
onShow(){
console.log("onShow");
//。
},//监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发
onReady(){
console.log("onReady");
//。
},// 监听页面隐藏 ();
[不太明白]
onHide(){
console.log("onHide离开了","");
},//监听页面卸载(离开该页面,清空当前页面的缓存值)[不太明白]
onUnload(){
console.log("onUnload监听页面卸载");
},onResize(){
console.log("监听窗口尺寸变化");
},// 用户下拉时,重新发送数据请求,需要在app.json中配置
onPullDownRefresh(){
console.log("用户下拉了")
},//页面滚动到底部的事件
// 常用于上拉加载下一页数据。如使用scroll-view导致页面级没有滚动,则触底事件不会被触发
onReachBottom(){
console.log("常用于上拉加载下一页数据")
},// 点击 tab 时触发,参数为Object
onTabItemTap(){
console.log("点击 tab 时触发")
},// 用户点击右上角分享(当用户点击了转发这个按钮时触发)
onShareAppMessage(){
console.log("用户点击右上角分享");
// 滴定义转发内容
return{
title:"哈哈自定义",
path:"pages/banpaiindex/banpaiindex",
imageUrl:"https://s2.51cto.com/oss/202004/15/58878ce24c357ac43b16d965e994b918.jpg"
}
},//监听页面滚动,(当拖动到滚动条时,就会触发该函数,当这个页面有很多的内容时,就会产生滚动条)
//当你拉动滚动条时,就会触发改函数
onPageScroll(){
console.log("你拖动了滚动条")
}
注意用户下拉操作时,你要注意的点是
在app.json中去配置,让这个页面是可以下拉的。
{
"path" : "pages/banpaiindex/banpaiindex",
"style" : {
"enablePullDownRefresh": true
}
}
【unia-app页面声明周期】
文章图片
推荐阅读
- PO设计模式在Appium中的应用——框架内容的补充
- RStudio IDE安装详细步骤(图解)
- R XML文件操作详细图解
- R while循环语句示例图解
- R和Python的区别详细对比(图解)
- R时间序列分析示例详解
- R编程中的变量
- R编程教程
- uni-app实战写法