uniapp 子组件监听页面onShow

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')
},