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(用于页面传参)
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页面声明周期