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

这篇文章主要介绍了微信小程序之分享页面如何回首页的示例,现在分享给大家,也给大家做个参考。

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

登录后复制

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

Ajax请求内嵌套Ajax请求示例代码

如何创建ajax对象并兼容多个浏览器

使用ajax技术无刷新动态调用新浪股票实时数据

以上就是微信小程序之分享页面如何返回首页的示例的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2755124.html

(0)
上一篇 2025年3月8日 07:13:07
下一篇 2025年3月8日 07:13:14

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 怎样实现微信小程序的自定义多选事件

    这次给大家带来怎样实现微信小程序的自定义多选事件,实现微信小程序的自定义多选事件注意事项有哪些,下面就是实战案例,一起来看一下。z 要实现下图的效果(自定义多选单选),大多数公司项目的多选框都是自己设计的,所以用原生标签或者组件是不可行的,…

    2025年3月8日
    200
  • 怎样实现微信小程序使用form表单获取输入框数据

    这次给大家带来怎样实现微信小程序使用form表单获取输入框数据,实现微信小程序使用form表单获取输入框数据的注意事项有哪些,下面就是实战案例,一起来看一下。 1、效果展示 2、关键代码 index.wxml 用户名: 密码: 登录 重置 …

    2025年3月8日
    200
  • node.js进入文件目录后应如何使用

    这次给大家带来node.js进入文件目录后应如何使用,node.js进入文件目录使用的注意事项有哪些,下面就是实战案例,一起来看一下。 要进入莫一个目录比如:”D:react” 首先要:d: 然后:cd d:eact…

    2025年3月8日
    200
  • 微信小程序实现换肤功能

    这篇文章主要为大家详细介绍了微信小程序实现换肤功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 pc或者移动端实现换肤功能还是比较简单的,大致就是需要换肤的css,还有正常的css;把当前皮肤类型存入本地;然后通过js读取并判断当前应…

    2025年3月8日
    200
  • Angular路由内路由守卫该如何使用

    这篇文章主要介绍了详解Angular路由之路由守卫,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 一、路由守卫 当用户满足一定条件才被允许进入或者离开一个路由。 路由守卫场景: 只有当用户登录并拥有某些权限的时…

    2025年3月8日 编程技术
    200
  • 微信小程序中实现手指缩放图片的示例代码

    本篇文章主要介绍了微信小程序中实现手指缩放图片的示例代码,现在分享给大家,也给大家做个参考。 公司开发微信小程序,pm想实现如下需求: 用手指缩放图片。其实在实现这个需求以前,并不知道,微信公众号以及微信小程序里面有一个原生的api就自带这…

    编程技术 2025年3月8日
    200
  • 如何给mpvue制作出的小程序markdown适配

    这次给大家带来如何给mpvue制作出的小程序markdown适配,给mpvue制作出的小程序markdown适配注意事项有哪些,下面就是实战案例,一起来看一下。 mpvue 的核心目标是提高开发效率,增强开发体验。使用该框架,开发者只需初步…

    2025年3月8日
    200
  • 如何使用redux-saga,使用redux-saga又有哪些方法和技巧?

    这篇文章主要介绍了redux-saga 初识和使,现在分享给大家,也给大家做个参考。 redux-saga 是一个管理 Redux 应用异步操作的中间件,功能类似redux-thunk + async/await, 它通过创建 Sagas …

    编程技术 2025年3月8日
    200
  • 利用vue移动端UI框架如何实现QQ侧边菜单(详细教程)

    这篇文章主要介绍了vue移动端ui框架实现仿qq侧边菜单组件,非常不错,具有参考借鉴价值,需要的朋友可以参考下 最近面试发现很多前端程序员都从来没有写过插件的经验,基本上都是网上百度。所以打算写一系列文章,手把手的教一些没有写过组件的兄弟们…

    2025年3月8日
    200
  • 如何使用Vue中watch

    这次给大家带来如何使用Vue中watch,使用Vue中watch的注意事项有哪些,下面就是实战案例,一起来看一下。 假设有如下代码: fullname: {{fullname}} FirstName: new Vue({ el: ‘#roo…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论