zoukankan      html  css  js  c++  java
  • 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
         }   
    }
    

    作者:流年少年
    出处:https://www.cnblogs.com/ishoulgodo/

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!

    万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    《A First Course in Probability》-chaper5-连续型随机变量-随机变量函数的期望
    Codeforces 837F
    Codeforces #428 Div2 D
    poj3233(等比矩阵求和)
    Codeforces #427 Div2 D
    Codeforces 837E
    hdu6086(AC 自动机)
    hdu2825(AC 自动机)
    poj2778(AC 自动机)
    Codeforces #426 Div2 D(线段树优化 DP )
  • 原文地址:https://www.cnblogs.com/ishoulgodo/p/12731243.html
Copyright © 2011-2022 走看看