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

一、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)
			}