uniapp 子组件监听页面onShow

uniapp yekong

uniapp 开发的时候,需要子组件监听onShow事件,但是子组件没有办法直接监听onShow,我们可以通过页面监听,当页面监听到以后发送通知,子组件监听通知,收到通知后触发事件就可以了。

页面代码

onShow() {
	uni.$emit('onShow', 1);
},
//触底监听
onReachBottom() {
	uni.$emit('onReachBottom', 1);
},

子组件监听

mounted() {
	uni.$on('onShow', function(data) {
		console.log(data);
	});
	
	uni.$on('onReachBottom', function(data) {
		console.log(data);
	});
}

销毁

为了避免重复监听,在组件销毁前,关闭监听

beforeDestroy(){
	uni.$off('onReachBottom')
	uni.$off('onShow')
},
喜欢