uniapp如何实现返回上一级页面并传值刷新
uniapp如何实现返回上一级页面并传值刷新

uniapp如何实现返回上一级页面并传值刷新

在很多业务场景之下,需要返回上一级页面,并进行刷新,在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);
            })
},

https://blog.csdn.net/BenChiZhuBaDaoWang/article/details/126300180

发表回复

您的电子邮箱地址不会被公开。