【uni-app】UniApp中的路由跳转和传参的方法示例（似超链接）

// 打开一个新页面，并将该页面加入到页面栈中。

this.$tab.navigateTo('/pages/checkDesc?id=' + id)

// 关闭当前页面，并打开一个新页面

this.$tab.redirectTo('/pages/checkDesc?id=' + id)

// 关闭所有当前打开的页面，并打开一个新页面。

this.$tab.reLaunch('/pages/checkDesc?id=' + id)

// 跳转到应用程序的底部导航栏中的某个页面

this.$tab.switchTab('/pages/checkDesc?id=' + id)   

1. navigateTo 方法用于打开一个新页面，并将该页面加入到页面栈中。用户可以通过左上角的返回按钮返回上一个页面。这个方法适用于需要在新页面中进行操作，并且可能需要返回到之前的页面的场景。

2. redirectTo 方法用于关闭当前页面，并打开一个新页面。新页面将替换当前页面，因此用户无法返回到之前的页面。这个方法适用于不需要用户返回到之前页面的场景，比如完成某个操作后直接跳转到结果页面。

3. reLaunch 方法用于关闭所有当前打开的页面，并打开一个新页面。这个方法相当于重新启动应用程序，并打开指定的页面。用户无法返回到之前的页面堆栈。这个方法适用于需要重置应用程序状态或完全切换到一个新的起始页面的场景。

4. switchTab 方法用于跳转到应用程序的底部导航栏中的某个页面。这个方法只能用于跳转到底部导航栏中已经存在的页面。用户可以在底部导航栏中切换不同的页面。这个方法适用于应用程序具有底部导航栏，并且用户可以方便地切换不同功能页面的场景。

一、template方式跳转

<navigator :url="home" open-type="navigate">
  <view>跳转到新页面</view>
</navigator>

<navigator :url="home" open-type="redirect">
  <view>在当前页打开</view>
</navigator>

<navigator :url="home" open-type="switchTab">
  <view>打开底部导航的tab页</view>
</navigator>

二、js方式跳转

<view @tap="navigateTo">跳转到新页面</view>
<view @tap="redirectTo">跳转到新页面</view>
<view @tap="switchTab">打开底部导航的tab页</view>

navigateTo(){
  uni.navigateTo({ url: "/pages/home/home"})
},
redirectTo(){
  uni.redirectTo({url: "/pages/home/home"});
},
switchTab(){
  uni.switchTab({url: "/pages/home/home"});
}

三、传参和接收参数

				//添加 navigateData 方法，将参数拼接到 URL 后面
				  uni.navigateTo({
				    url: "/pages/SiChuHui/PaiDan/PaiDan" + "?orderId="+orderId
				  })

接收参数

			onLoad(options) {
				// ============ 获取订单
				var data = options.orderId;
				console.log("####################")
				console.log(data)
			}