uniapp $on $emit uniapp返回上一个页面并进行页面刷新

381 阅读1分钟

在项目会遇到通过点击新增跳转页面,当新增完返回上一级页面时要求刷新当前列表 可以通过$on $emit来完成

A页面

<button @click='add'>新增</button>


onLoad(){
    //注册事件
    uni.$on('名称',e=>{
    //
    })
    
    //uni.$on 接收两个参数,一个是名称一个是回调函数,回调函数会返回一个参数,这个参数是传递过来的参数
}

onUnload(){
    //退出页面时需要注销掉,不然会注册多个
    uni.$off('名称');
}

add(){
    uni.navigateTo({
             url:"跳转路径"
	})
}

B页面

<button @click='goBuck'>返回</button>

goBuck(){
    uni.$emit("名称",{})
    //uni.$emit() 接收两个参数,第一个是注册时的名字,第二个时需要传递的参数
    uni.navigateBack()
}