【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)
      }