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子组件调用父组件的三种方法。


部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！