手机版

微信小程序之分享页面如何返回首页

时间:2021-12-10 来源:互联网 编辑:宝哥软件园 浏览:

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

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

微信小程序之分享页面如何返回首页(图1)

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

!索引。wxml-view class=' container '文本我是首页/text button bind tap=' goLogs ' go logsPage/button/view const app=GetApp()Page({ data : {座右铭: ' Hello World ',userinfo : },hasUserInfo: false,canusen : wx。可以使用('按钮。开放式。getuser info’))},//事件处理函数goLogs:函数(){ wx。navigateto({ URL : '/pages/log/logs ' })},onLoad:函数(选项){ console.log(选项)if(选项。share _ query){ wx。showloading({ title : '我是从分享页面进入的,})setTimeout(函数(){ wx。HideLoading()(wx。navigateto({ URL : '/pages/log/log ',}) },2000) })!日志。wxml-view class=' container log-list ' block wx : for=' { { logs } } ' wx : for-item=' log ' text class=' log-item ' { index { 1 } } .{ { log } }/text/block/view const app=GetApp()Page({ data : {座右铭: ' Hello World ',userInfo: {},hasUserInfo: false,canusen : wx。可以使用('按钮。开放式。getuser info’)},//事件处理函数goLogs:函数(){ wx。navigateto({ URL : '/pages/log/log ' })},onLoad:函数(选项){ console.log(选项)//判断是否分享进入if(选项。share _ query){ wx。showloading({ title : '我是从分享页面进入的,})setTimeout(函数(){ wx。HideLoading()(wx。navigate to({ URL : '/page/log/log ',}) },2000) } })

版权声明:微信小程序之分享页面如何返回首页是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。