所属分类：php教程
做小程序开发发现，页面分享出去后，用户通过分享进去的页面很难找到返首页的情况。（微信官方操作是点击右上角三个点，在手机下方显示返回首页）。民间很多方案是自己在页面加个悬浮Home标注。
今天我分享另外一种方法。请看下面.gif;
程序员必备接口测试调试工具：立即使用
Apipost = Postman + Swagger + Mock + Jmeter
Api设计、调试、文档、自动化测试工具
后端、前端、测试，同时在线协作，内容实时同步
有没有发现，左上角有返回按钮了。原理简单，在你要分享的页面，分享配置时配置你的首页，并带上对应的参数，在首页 onLoad方法中可以获取。代码如下：
微博登录
QQ登录
我是首页
const app = getApp()
Page({
data: {
motto: 'Hello World',
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)
}
}
})
{{index + 1}}. {{log}}
const app = getApp()
Page({
data: {
motto: 'Hello World',
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)
}
}
})
登录后复制相信看了本文案例你已经掌握了方法，更多精彩请关注zzsucai.com其它相关文章！
推荐阅读：
Angular服务端渲染方法总结
Vue做出Observer有哪些方法
以上就是小程序开发分享页面后返回首页的详细内容，更多请关注zzsucai.com其它相关文章！
