分享最实用的技术,创造更大的价值

uniappX ts返回上一个页面如何传参?

在使用uniapp开发中,可以通过uni.navigateBack方法回传数据到上一个页面。具体步骤如下:


在当前页面中,通过uni.navigateBack方法返回上一个页面,并传递需要的数据。


// 当前页面
uni.navigateBack({
  delta: 1, // 返回的页面数,如果是2代表返回上两个页面
  success() {
    // 回传数据到上一个页面
    uni.$emit('dataChanged', '返回的字符串,也可以是对象');
  }
});


在上一个页面的mounted钩子函数中,监听事件并获取回传的数据。

// 上一个页面
export default {
  mounted() {
    uni.$on('dataChanged', (data: string) => {
      // 获取回传的数据
      console.log(data.key); // output: value
    });
  }
}



这样就实现了在当前页面回传数据到上一个页面的功能。通过uni.$emit在当前页面触发自定义事件,然后通过uni.$on在上一个页面监听该事件来获取回传的数据。


联系
QQ
电话
咨询电话:189-8199-7898
TOP