在uni-app中,可以通过使用uni.navigateTouni.redirectTo方法携带数据跳转页面。

  1. 使用uni.navigateTo方法携带数据跳转页面:
uni.navigateTo({
  url: '/pages/detail/detail?id=123&name=example',
  success: function (res) {
    console.log('跳转成功');
  }
});

在目标页面的onLoad生命周期函数中,可以通过options参数获取传递的数据:

onLoad: function (options) {
  console.log('id:', options.id); // 输出 123
  console.log('name:', options.name); // 输出 example
}
  1. 使用uni.redirectTo方法携带数据跳转页面:
uni.redirectTo({
  url: '/pages/detail/detail?id=123&name=example',
  success: function (res) {
    console.log('跳转成功');
  }
});

同样在目标页面的onLoad生命周期函数中,可以通过options参数获取传递的数据。

除了以上两种方法,还可以使用uni.navigateBack方法返回上一页,并在uni.navigateBackdelta参数中指定返回的页面数,可以在返回的页面中通过getCurrentPages方法获取到上一页传递的数据。

需要注意的是,以上方法只适用于跳转到非tabBar页面的情况。如果需要跳转到tabBar页面,可以使用uni.switchTab方法,并在目标页面的onShow生命周期函数中获取传递的数据

uniapp携带数据跳转页面

原文地址: https://www.cveoy.top/t/topic/hOAN 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录