UNI是不是又升级了什么了，子组件里的事件比如onshow，onReachBottom全部废了

分类：uni-app

2019-04-11 10:32 负责人:无分享

6 个回复

DCloud_uniCloud_WYQ

onReachBottom是页面的生命周期，组件内当然不能直接用。子组件内想要监听可以使用vm.$on('hook:onReachBottom')的方式, vm是父组件，通过inject，provide传进子组件。也可以页面onReachBottom时使用uni.$emit ，子组件内使用uni.$on来监听

2***@qq.com - 80后it男

父页面：onReachBottom() {
uni.$emit('onReachBottom');
},
徐州-vrman 10:31:28
子页面： mounted() {

        uni.$once('onReachBottom',function(data){  
            console.log('触底了！');  
        })  
},

7***@qq.com

解决了问题！！

另外如果在子组件里调用getList 需要在mouted里提前留存一下this _this=this

mounted() {

this.init()

let _this=this

uni.$on('onReachBottom', function (data) {

console.log('触底了！');

if (_this.pageNumber > _this.pages) return

_this.status = 'loading'

_this.pageNumber = ++_this.pageNumber

_this.getList()

if (_this.pageNumber > _this.pages) {

_this.status = 'nomore'

} else {

_this.status = 'loading'

}

})

},

2021-01-31 12:31