首页 > 建站教程 > APP开发,混合APP >  uni-app this.$emit和uni.$emit正文

uni-app this.$emit和uni.$emit

今天我爱模板网在用uni-app做一个健康项目时,在第二个页面更改内容,然后需要刷新前一个列表页,我依稀记得uni-app提供了一个$emit,是可以发送全局事件的,于是在后一个页面写:
this.$emit('refreshList')
在前一个页面写
created(){
    this.$on('refreshList',()=>{
        this.getList();
    })
}
    这时,我爱模板网稍微犹豫了下,因为这个写法和子组件调用父组件方法写法不是一模一样?那uni-app怎么区分呢?但并没有多想,还是这么写下了,可是发现,无论如何都不起作用。试了各种办法都没用。没办法,找到官网,查了下,根本是不this,而是uni调用的,即改成下面的效果才可以:
发送事件
uni.$emit('refreshList')
接收事件
created(){
    uni.$on('refreshList',()=>{
        this.getList();
    })
}
这个问题困扰了好久,也终于明白了uni是如何区分的了。。。。

点击查看关于vue子组件调用父组件的三种方法