最简单的方法实现小程序按钮跳转到指定界面
项目中遇到一问题,当A页面用wx.navigateTo的方法跳转到B页面时,然后用同样的办法从B到C页面,在C页面时遇到问题:1.点击C页面的某一按钮直接返回A页面?2.点击C页面导航返回按钮返回到A页面?
凑合看,主要表述意思
问题1.点击C页面的返回按钮跳回A页面的实现代码:
wx.navigateBack({delta:2})
问题2.点击C页面的返回按钮返回A页面的实现代码:
onUnload: function () {wx.reLaunch({url: '../login/login'//跳转返回页面})}
关于问题2的实现,看网上有的人用很麻烦的方法先跳到B页面然后在返回A页面,用户体验效果一点都不好,其实官方文档都有对问题的答案,只是描述的不明确而已。
以下是官方文档的详细说明:https://developers.weixin.qq.com/miniprogram/dev/api/ui-navigate.html
wx.navigateBack的介绍
和上面的搭配使用的wx.navigateBack
wx.redirectTo的使用
注意:关闭当前页面,跳转到应用内的某个页面。调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,具有层级关系,而 redirectTo 方法则不会。因为这种层级关系,用navigateTo跳转后,点击导航栏返回时只返回上一级。
wx.reLaunch的使用
注意:关闭所有页面,打开到应用内的某个页面。因为跳转时先关闭所有页面,所以这种方法可以跳到任意页面。
wx.switchTab的使用
注意:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
文档方法写的很清楚,有不明确的方法时,看文档,看文档,一定要注意基础。
最简单的方法实现小程序按钮跳转到指定界面相关推荐
- 微信小程序——按钮跳转页面
目录 一.文件目录 二.实现效果 三.实现 3.1 跳转页面api 3.2 页面组件跳转 四.示例demo源码 4.1 wxml 4.2 wxss 4.3 js 一.文件目录 二.实现效果 三.实现 ...
- 小程序webview跳转页面后没有返回按钮完美解决方案
随着小程序越来越火爆,使一个产品如果只有公众号H5页面和APP显得不怎么完美,总感觉不搭上小程序这趟流量车,就会少了点什么,心里别扭地很.在此驱动下,我所在公司也决定赶紧上车. 但是,如果要按照小程序 ...
- 随机循环抽奖小程序_c语言,基于JavaScript实现简单的随机抽奖小程序
对于抽奖这样的小程序使用诸如VB,Delphi等工具来实现会比较的方便,由于本人机器上没有装这样的应用程序,所以只能另寻其道.为了使抽奖程序能够无需配置平台直接可以在任何一台机器上运行,开发工具和编译 ...
- h5跳转小程序页面url_微信小程序页面跳转方法
我所知道的,微信小程序页面跳转有以下方法,下面分情况说明下 一.利用小程序提供的 API 跳转: 1.简单page页面之间跳转 // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateB ...
- 微信小程序页面跳转方法总结
微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面. // ...
- 微信小程序点击改变css,微信小程序按钮button样式修改自定义
在微信小程序中,当我们向页面中插入一个按扭button的时侯只需要简单的代码就可以了. 插入button按钮并保存后,便可以以预览界面看到一个原始的按钮. 小程序样式修改 默认没有对按钮设置任何样式时 ...
- 简单描述下微信小程序的相关文件类型?
简单描述下微信小程序的相关文件类型? 微信小程序项目结构主要有四个文件类型,如下: .WXML 是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构.内部主要是微信自己定义的一套组件 ...
- 微信小程序实现跳转到另外一个小程序的方法
微信小程序实现跳转到另外一个小程序的方法 1,首先需要在当前小程序app.json中定义:需要跳转的小程序的app-id app.josn "navigateToMiniProgramApp ...
- 编写一个随机抽奖程序php,基于PHP实现简单的随机抽奖小程序
摘要:一个抽奖小程序,概论可控,也可某个奖品在前端显示,而程序中根本不可能获得!把所有的概率x10后相加起来,新数组中每项的值等于它前几个的和加上它本身.然后随即生成一个0到最大数之间的一个数,通过循 ...
- 微信小程序按钮分享好友的onShareAppMessage不起作用的解决办法
特别汗颜,找了各种办法,都没有解决,最后发现,原来系统会自带一个空的onShareAppMessage函数,结果是被系统的空函数覆盖了..... JS函数如下: /* 转发*/onShareAppMe ...
最新文章
- k8s集群部署一(最新版docker安装)
- ubuntu黑屏解决办法
- Enterprise Vault 10.0.4 FOR Exchange2013 部署之二 -安装过程
- 括号匹配检查c语言,c 语言 检查括号匹配 不能运行 ????
- Scott Mitchell 的ASP.NET 2.0数据教程之三十九:: 在编辑和插入界面里添加验证控件...
- Perl中的正则表达式
- VMware Workstation 11网络桥接可以通,NAT不能与主机通信解决办法
- iOS 的内存管理和虚拟内存机制具体是怎么运作的?
- 如何编写完美的 Python 命令行程序?
- MySQL 用gourp by分组后取某一字段最大值
- c++操作mysql
- 《MYSQL必知必会》—2.MySQL简介
- java过滤空号了停机号_手机号码空号检测
- 彻底卸载vscode Linux,Linux环境中Visual Studio Code 安装配置及其卸载(详细教程)
- 搜狗推送接口-搜狗推送口子
- 【Linux】Ubuntu运行环境搭建
- 风变编程python18_如何看待风变编程的 Python 网课?
- elasticsearch + ik
- 计算机毕设(附源码)JAVA-SSM绩效考核管理系统
- 纯java编写的联机五子棋项目(附带开源链接)
热门文章
- java8 新特性_Java8新特性系列之-日期处理详解(二)
- python猜数字游戏_C++编程基础: 9. 猜数字小游戏
- 10米精度NPP净初级生产力数据/NDVI数据/植被类型数据/土地利用数据/降雨气温分布数据/太阳辐射分布数据
- vim批量删除与插入
- 队列Q----双数组下标查找
- java获取mysql表的主键_用java如何获取oracle数据库表里面的主键序列
- python next permutation_C++ STL next_permutation的实现原理
- oracle相同sql执行计划不同,相同的SQL 在正式和测试环境中执行计划的不同
- linux npm 使用介绍
- tp3.2 自动加载