微信小程序之分享页面怎样返回首页

小编给大家分享一下微信小程序之分享页面怎样返回首页，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

做小程序开发发现，页面分享出去后，用户通过分享进去的页面很难找到返首页的情况。（微信官方操作是点击右上角三个点，在手机下方显示返回首页）。民间很多方案是自己在页面加个悬浮Home标注。

今天我分享另外一种方法。请看下面.gif;

有没有发现，左上角有返回按钮了。原理简单，在你要分享的页面，分享配置时配置你的首页，并带上对应的参数，在首页 onLoad方法中可以获取。代码如下：

<!--index.wxml-->
<viewclass="container">
<text>我是首页</text>
<buttonbindtap='goLogs'>gologsPage</button>
</view>

constapp=getApp()

Page({
data:{
motto:'HelloWorld',
userInfo:{},
hasUserInfo:false,
canIUse:wx.canIUse('button.open-type.getUserInfo')
},
//事件处理函数
goLogs:function(){
wx.navigateTo({
url:'/pages/logs/logs'
})
},
onLoad:function(options){
console.log(options)
if(options.share_query){
wx.showLoading({
title:'我是从分享页面进入的',
})

setTimeout(function(){
wx.hideLoading()
wx.navigateTo({
url:'/pages/logs/logs',
})
},2000)


}

}

})
<!--logs.wxml-->
<viewclass="containerlog-list">
<blockwx:for="{{logs}}"wx:for-item="log">
<textclass="log-item">{{index+1}}.{{log}}</text>
</block>
</view>
constapp=getApp()

Page({
data:{
motto:'HelloWorld',
userInfo:{},
hasUserInfo:false,
canIUse:wx.canIUse('button.open-type.getUserInfo')
},
//事件处理函数
goLogs:function(){
wx.navigateTo({
url:'/pages/logs/logs'
})
},
onLoad:function(options){
console.log(options)
//判断是否分享进入
if(options.share_query){
wx.showLoading({
title:'我是从分享页面进入的',
})

setTimeout(function(){
wx.hideLoading()
wx.navigateTo({
url:'/pages/logs/logs',
})
},2000)
}
}
})

以上是“微信小程序之分享页面怎样返回首页”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注恰卡编程网行业资讯频道！