微信小程序,左上脚返回点击直接到首页

这篇具有很好参考价值的文章主要介绍了微信小程序,左上脚返回点击直接到首页。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

我们做小程序时就有很多这种情况,根据不同情况处理方式不同

第一种情况:小程序有多个tab

   

微信小程序,左上脚返回点击直接到首页,微信小程序,小程序

 微信小程序,左上脚返回点击直接到首页,微信小程序,小程序

 文章来源地址https://www.toymoban.com/news/detail-556432.html

  onUnload(event){ //多层级跳转之后,监听左上角返回事件,直接退回到index
                 uni.switchTab({
                    url:"/pages/index/index"
                })
            },

第二种情况只有一个首页

微信小程序,左上脚返回点击直接到首页,微信小程序,小程序

 

 微信小程序,左上脚返回点击直接到首页,微信小程序,小程序

 

onUnload(event){ //多层级跳转之后,监听左上角返回事件,直接退回到index
				uni.navigateBack({
					delta:10
				});
			},

到了这里,关于微信小程序,左上脚返回点击直接到首页的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app微信小程序隐藏左上角返回按钮

    官方文档链接:uni.setNavigationBarTitle(OBJECT) | uni-app官网 (dcloud.net.cn) 首先要明确的是页面间的跳转方式有几种、每一种默认的作用是什么。  uniapp五种跳转方式  使用2、4种跳转方式使用;

    2024年04月26日
    浏览(51)
  • 关于uni-app微信小程序监听顶部左上角的返回事件

    在项目上返回上一级的时候需要清空vuex里的数据,使用了onBackPress无效。 查看官方文档后才发现onBackPress对微信小程序无效。  然后我发现了另一个生命周期——onUnload 完美解决!!!

    2024年02月08日
    浏览(53)
  • 微信小程序左上角home图标的解决方法之一 层级混乱导致的home图标显示的问题 自定义左上角左侧图标的返回路径

    这个项目的编辑页在tabbar上 导致跳到tabbar得使用wx.switchTab 保存后返回原来的页面就出现了左上角的home图标 本来想通过自定义home图标的跳转路径来解决这个问题 没想到居然找不到相关内容 有清楚的朋友麻烦给我留个言不胜感激 那我写一下我的骚操作   这就是观察记录页面

    2024年02月11日
    浏览(52)
  • h5或uniapp或微信小程序,实现左上角返回到指定页面,侧滑左滑返回指定页面,安卓物理返回键返沪指定页面解决思路的思考

    自定义的左上角返回按钮 方法 安卓物理返回键监听,该方法与生命周期函数同级,也可以尝试放在methods里面。 思路,因为uniapp写的微信小程序用onBackPress监听不到不支持监听安卓物理返回,所以换了个想法,默认认为是安卓物理键或者侧滑左滑返回:如果是我自己的按钮,

    2024年02月04日
    浏览(52)
  • 微信小程序:实现微信小程序应用首页开发 (本地生活首页)

    小程序应用页面开发 1、创建项目并配置项目目录结构 创建项目我相信大家都会,不会的可以csdn搜索即可 这里我们需要对项目目录进行修改配置 在 app.json 文件中的 pages 数组中添加三个页面,如上图所示,然后我们将其他默认的两个进行删除,然后左侧目录 pages 文件夹中的

    2024年02月19日
    浏览(48)
  • 微信小程序首页设计

    1. 实现效果 2. 轮播 indicator-dots= “true” | “false” 1. 实现效果 2. 上图下字 flex-direction: row | row-reverse | column | column-reverse; row(默认):主轴水平方向,起点在左端; row-reverse:主轴水平方向,起点在右端; column:主轴垂直方向,起点在上边沿; column-reserve:主轴垂直方向,

    2024年02月09日
    浏览(42)
  • 微信小程序之首页搭建

    小程序开发与实战 学习视频: https://www.bilibili.com/video/BV1Gv411g7j6?p=9spm_id_from=pageDriver 实现导航栏和tabBar。tabBar看下图: 参考文档: https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html 所有的属性对应的信息都可以在参考文档里面查看。 导航栏 app.json文件,内容是一

    2024年02月09日
    浏览(38)
  • 微信小程序之后台首页交互

    目录 一.与后台数据进行交互request封装 后台准备 测试结果 ​编辑   前端  测试结果  二.wxs的介绍以及入门  测试结果 后台准备 pom.xml文件编写 建立数据表 建立数据请求地址类  定义接口类  测试结果    前端 先关闭mock    先编写url地址  编写utils.js 编写index.js   编写

    2024年02月08日
    浏览(51)
  • 微信小程序制作日常生活首页

    这里有源代码+图片 CSDN社区地址直达:http://t.csdn.cn/NEeOT 不知道为啥上传后是如此的高糊画质(手机画质很好) 微信小程序日常生活首页手机效果演示 1、需要配置导航栏的效果(在app.json中进行配置 在windows中配置) 2、配置tabBar效果(在app.json中进行配置、需要额外增加tabBar)

    2024年02月10日
    浏览(56)
  • 微信小程序怎么连接到数据库

    微信小程序是不能直接连接数据库进行数据操作的,这是出于安全的考虑。基本上都是先通过wx.request向服务器发起请求,再由服务端程序(如PHP)来对MySQL数据库进行数据操作。 微信小程序怎么连接到数据库 1、在微信小程序的index.js文件中编写请求数据库的小程序代码; 2、 用

    2024年02月08日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包