微信小程序公用页面跳转路由判断

最新推荐文章于 2024-04-24 17:23:45 发布

原创最新推荐文章于 2024-04-24 17:23:45 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一种在不同页面间通过判断当前路由进行跳转的方法，并使用Vuex进行状态管理来传递参数。具体实现包括获取当前页面栈、判断前一页面路由及根据路由的不同选择将参数传递给目标页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在跳转页面加载时

onLoad() {
		//判断当前路由，app.json pages里面的路径
		let pages = getCurrentPages();
		//console.log(pages)
		let prevpage = pages[pages.length - 2];
		console.log(prevpage.route);
		this.pageroute = prevpage.route;
	}

在这里插入图片描述
那么接下来就可以根据不同的路由传值

// 跳转到攻略页面
		rouTes(cityname) {
			// console.log(cityname)
			//注意，跳转到Tab页面只能用switchTab跳转,但是不能带参数
			// uni.switchTab({
			// 	url:'../strategy/strategy'
			// })
			// 用vuex传值
			if(this.pageroute=='pages/strategy/strategy')
			{
				//传给攻略页面的
				this.$store.commit("cityTranstfer",cityname)
			}
			else
			{
				//传给发表页面的
				this.$store.commit("traveldialogTransfer",cityname)
			}
			
			uni.navigateBack({
				delta:1//返回一个页面层级
			})