在很多业务场景之下,需要返回上一级页面,并进行刷新,在uniapp中的uni.navigateBack 方法中,返回上一页是不会刷新的,更别说传值了,废话不多说直接上代码。
我们假设需要返回上一级页面的页面为当前页,点击按钮触发button事件,我们看看这个怎么写实现返回上一页并传值刷新
button() {
//this.data为要传值的数据
uni.$emit('updateData', this.data);
uni.navigateBack({
delta: 1,
});
},
上一页的代码,假设传值数据为{id:1,name:'name'}:
onShow() {
let that = this
//获取传值
uni.$on('updateData',function(data){
const params = 'id:'+data.id+', name:'+data.name;
console.log('监听到事件来自 updateData ,携带参数为:' + params);
})
},