unia-app页面声明周期

一卷旌收千骑虏,万全身出百重围。这篇文章主要讲述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页面声明周期】
unia-app页面声明周期

文章图片


    推荐阅读