uniapp 链接

uniapp 链接跳转方式

页面跳转（Navigator）
使用 uni.navigateTo 进行页面跳转，保留当前页面并跳转到新页面。适用于需要返回的场景。

uni.navigateTo({
  url: '/pages/detail/detail?id=1'
});

重定向跳转（Redirect）
使用 uni.redirectTo 关闭当前页面并跳转到新页面。适用于无需返回的场景。

uni.redirectTo({
  url: '/pages/login/login'
});

TabBar 页面跳转
使用 uni.switchTab 跳转到 TabBar 页面，其他跳转方法对 TabBar 无效。

uni.switchTab({
  url: '/pages/home/home'
});

返回上一页
使用 uni.navigateBack 返回上一页，可指定返回层数。

uni.navigateBack({
  delta: 1 // 返回层数
});

传参方式

URL 传参
通过 URL 拼接参数，目标页面通过 onLoad 生命周期接收。

// 跳转传参
uni.navigateTo({
  url: '/pages/detail/detail?id=1&name=test'
});

// 接收参数
onLoad(options) {
  console.log(options.id); // 输出 1
}

全局变量传参
使用 uni.$emit 和 uni.$on 进行跨页面通信。

// 发送数据
uni.$emit('updateData', { msg: 'Hello' });

// 接收数据
uni.$on('updateData', (data) => {
  console.log(data.msg); // 输出 Hello
});

注意事项

• URL 路径需以 / 开头，从项目根目录开始计算。
• TabBar 页面需在 pages.json 中声明为 tabBar 项，否则无法跳转。
• 跳转路径不支持动态拼接，如 url: '/pages/' + pageName 会报错。