uniapp 微信小程序 uview u-navbar 无上一页返回首页

uniapp yekong

微信小程序默认的导航栏,会在用户进入分享的微信小程序页面时,返回箭头变为小房子按钮,也就是点击后会进入首页。
wanjunshijiecom 2022-04-28 at 19.36.52@2x

我们在自定义导航的时候也需要这种功能,当没有上一页的记录时,点击返回就进入首页,这里我用的是u-navbar,所以需要修改一下,需要先获取一下路由的信息,如果路由信息大于1就表示有上一页,那么直接back就可以,如果等于1就表示,没有上一页,就进入首页。
修改一下u-navbar的逻辑 leftClick

// 点击左侧区域
			leftClick() {
				// 如果配置了autoBack,自动返回上一页
				this.$emit('leftClick')
				if (getCurrentPages().length > 1) {
					if (this.autoBack) {
						uni.navigateBack()
					}
				} else {
					uni.redirectTo({
						url: '/pages/home/home'
					})
				}
			},

获取路由信息

uniapp 微信小程序 获取路由地址

使用非u-navbar自定义导航栏返回,没有上一页处理办法

喜欢