小程序分享页面返回首页跳转首页
做小程序开发发现，页面分享出去后，用户通过分享进去的页面很难找到返首页的情况。(微信官方操作是点击右上角三个点，在手机下方显示返回首页)。民间很多方案是自己在页面加个悬浮Home标注。
今天我分享另外一种方法。请看下面.gif;
有没有发现，左上角有返回按钮了。原理简单，在你要分享的页面，分享配置时配置你的首页，并带上对应的参数，在首页onLoad方法中可以获取。代码如下：
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)
}
}
})
多程序小程序工具提供多类型商城/门店小程序制作，可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。
更多小程序开发案例，尽在：http://www.duochengxu.comkaifa.html
上一篇
小程序调用腾讯地图如何实现
下一篇
小程序video控件的使用
论坛资讯同步说明，本文同步自论坛：bbs.miaozhizuo.com，如您在论坛注册成为会员用户并且发帖，则默认论坛文章同步协议，协议内容请移步论坛查看！
