微信小程序默认的导航栏,会在用户进入分享的微信小程序页面时,返回箭头变为小房子按钮,也就是点击后会进入首页。
我们在自定义导航的时候也需要这种功能,当没有上一页的记录时,点击返回就进入首页,这里我用的是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'
})
}
},