uniapp带参跳转页面大全

 uni.navigateTo(OBJECT)

//在起始页面跳转到test.vue页面并传递参数
uni.navigateTo({
    url: 'test?id=1&name=uniapp'
});

uni.redirectTo(OBJECT)

关闭当前页面，跳转到应用内的某个页面。

uni.redirectTo({
    url: 'test?id=1'
});

uni.reLaunch(OBJECT)

关闭所有页面，打开到应用内的某个页面。

uni.reLaunch({
    url: 'test?id=1'
});

uni.switchTab(OBJECT)

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

示例

pages.json

{
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    },{
      "pagePath": "pages/other/other",
      "text": "其他"
    }]
  }
}

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

链接跳转

链接跳转是通过navigator标签来实现的

<navigator :url=" './nav?index='+navData">点击传递参数</navigator>

 传递json，对象

专递页面

noticeClick(item){
				
				var item = JSON.stringify(item)
				uni.navigateTo({
				    url: "/pages/notice_detail/notice_detail?item="+ item
				});
			}

 接受的页面

onLoad(option) {
			// 拿取文章列表专递过来的的文章id
			const item = JSON.parse(option.item);
			console.log(item);

		},

参考uniapp官网：uni.navigateTo(OBJECT) | uni-app官网