uniapp页面代码编写教程

页面生命周期

onlnit	监听页面初始化，其参数同onLoad参数，为上个页面传递的数据，参数类型为Object（用于页面传参），触发时机早于onLoad
onLoad	监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）
onShow	监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面
onReady	监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发
onHihe	监听页面隐藏
onUnload	监听页面卸载
onResize	监听窗口尺寸变化
onPullDownRefresh	监听用户下拉动作，一般用于下拉刷新
onReachButtom	页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。
onTabltemTap	点击tab时触发，参数为Object
onShareAppMessage	用户点击右上角分享
onPageScroll	监听页面滚动，参数为Object
onNavigationBarButtonTap	监听原生标题栏按钮点击事件，参数为Object
onBackPress	监听页面返回，返回event = { from: backbutton、navigateBack },backbutton表示来源是左上角返回按钮或android返回键；navigateBack表示来源是uni.navigateBack;详细说明及使用：onBackPress详解。支付宝小程序只有真机能触发，只能监听非navigationBack引起的返回，不可阻止默认行为
onNavigationBarSearchInputChanged	监听原生标题栏搜索输入框输入内容变化事件
onNavigationBarSearchInputConfirmed	监听原生标题栏搜索输入框搜索事件，用户点击软键盘上的搜索按钮时触发
onNavigationBarSearchInputClicked	监听原生标题栏搜索输入框点击事件（Page.json中的searchInput配置disable为true时才会触发）
onShareTimeLine	监听用户点击右上角转发到朋友圈
onAddToFavorites	监听用户点击右上角收藏

页面通讯

uni.$emit(eventName, OBJECT)

触发全局的自定义事件，附加参数都会传给监听器回调

属性	类型	描述
eventName	String	事件名
OBJECT	Object	触发事件携带的附加参数

代码示例

uni.$emit('update',{msg:'页面更新'})

uni.$on(eventName,callback)

监听全局的自定义事件。事件可以由 uni.$emit 触发，回调函数会接收所有传入事件触发函数的额外参数。

uni.$on('update',function(data){
		console.log('监听到事件来自 update ，携带参数 msg 为：' + data.msg);
	})

uni.$once(eventName,callback)

uni.$once('update',function(data){
		console.log('监听到事件来自 update ，携带参数 msg 为：' + data.msg);
	})

uni.$off([eventName, callback])

comunicationOff() {
					uni.$off('add', this.add)
				},