uniapp微信小程序端通过分享进入的页面，判断左上角返回按钮，是返回首页还是返回上一个页面

最新推荐文章于 2025-07-01 08:00:00 发布

原创

最新推荐文章于 2025-07-01 08:00:00 发布 · 2k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #微信小程序 #小程序

效果：

当他人分享至群聊或者聊天的时候，自定义的导航栏怎么实现原生的左上角返回首页的功能呢？

实现这一步的关键功能在于在onLoad监听进入分享页面的层数，即分享页面进入之后，getCurrentPages()的获取的数组长度为1，所以在onLoad里面判断如果数组长度为1的话，就显示可以直接返回首页的按钮；如果不为1的话，就显示返回上一个页面的按钮。

<nav-bar backState="2000">
				<view slot="left" class="address_select">
					<uni-icons v-if="!isShowBackHome" type="back" size="24" style="padding-right: 10rpx;" @click="goBack"></uni-icons>
					<uni-icons v-if="!isShowBackHome" color="#47ddd9" type="location-filled" size="24"></uni-icons>
					<view v-if="!isSh