微信小程序实现跳转的几种方式总结(推荐)


Posted in Javascript onApril 24, 2019

今天把实现微信页面的跳转的几种方法总结分享下

1.使用导航组件,标签,页面链接来实现(可以发现点击时有背景)

<!-- sample.wxml -->
<view class="btn-area">
 <navigator url="../my/my">跳转到新页面</navigator>
</view>

参数如下

微信小程序实现跳转的几种方式总结(推荐)

2.给页面布局加监听bindtap事件,然后在方法里面,通过wx.navigatorTo来实现跳转(保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面)

在my.wxml中加监听bindtap事件

<view bindtap='jump'>跳转</view>

在my.js中实现跳转

jump:function(){
  wx.navigateTo({
   url: '../login/login',
   success: function(res) {

   },
   fail: function(res) {

   },
   complete: function(res) {

   },
  })
 }

参数如下

微信小程序实现跳转的几种方式总结(推荐)

3.通过wx.redirectTo实现跳转(关闭当前页面,跳转到应用内某个页面)

navigateto_index: function (event) { 
 wx.redirectTo({ 
 url: '../index/index', 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 

 }

参数如下

微信小程序实现跳转的几种方式总结(推荐)

4.通过wx.navigateBack返回上一级(关闭当前页面。返回上一页面或多级页面)。

wx.navigateBack({ 
 delta: 1, // 回退前 delta(默认为1) 页面 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 })

微信小程序实现跳转的几种方式总结(推荐)

以上所述是小编给大家介绍的微信小程序跳转方式详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery 学习6 操纵元素显示效果的函数
Feb 07 Javascript
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
Feb 07 Javascript
javascript字符串函数汇总
Dec 06 Javascript
JS Array.slice 截取数组的实现方法
Jan 02 Javascript
JS组件Bootstrap导航条使用方法详解
Apr 29 Javascript
JavaScript基础知识点归纳(推荐)
Jul 09 Javascript
Html5+jQuery+CSS制作相册小记录
Dec 30 Javascript
利用iscroll4实现轮播图效果实例代码
Jan 11 Javascript
vue深入解析之render function code详解
Jul 18 Javascript
JS简单获取并修改input文本框内容的方法示例
Apr 08 Javascript
微信小程序tabbar底部导航
Nov 05 Javascript
js实现星星打分效果
Jul 05 Javascript
vue模仿网易云音乐的单页面应用
Apr 24 #Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
Apr 24 #Javascript
详解关于webpack多入口热加载很慢的原因
Apr 24 #Javascript
微信小程序实现的一键连接wifi功能示例
Apr 24 #Javascript
vue router 通过路由来实现切换头部标题功能
Apr 24 #Javascript
js实现全选反选不选功能代码详解
Apr 24 #Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 #Javascript
You might like
认识并使用PHP超级全局变量
2010/01/26 PHP
有关JSON以及JSON在PHP中的应用
2010/04/09 PHP
php中在PDO中使用事务(Transaction)
2011/05/14 PHP
兼容firefox,chrome的网页灰度效果
2011/08/08 PHP
PHP图像处理类库及演示分享
2015/05/17 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
php精度计算的问题解析
2019/06/21 PHP
封装好的省市地区联动控件附下载
2007/08/13 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
2010/06/25 Javascript
基于JQuery的一句话搞定手风琴菜单
2012/09/14 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
微信企业号开发之微信考勤百度地图定位
2015/09/11 Javascript
jquery 获取select数组与name数组长度的实现代码
2016/06/20 Javascript
jQuery获取table行数并输出单元格内容的实现方法
2016/06/30 Javascript
javascript 解决浏览器不支持的问题
2016/09/24 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
mui上拉加载功能实例详解
2017/04/13 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
2019/11/13 Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
2020/11/16 Javascript
Python学习小技巧之利用字典的默认行为
2017/05/20 Python
Sanic框架基于类的视图用法示例
2018/07/18 Python
解决win64 Python下安装PIL出错问题(图解)
2018/09/03 Python
Python流程控制常用工具详解
2020/02/24 Python
Chicco婴儿用品美国官网:汽车座椅、婴儿推车、高脚椅等
2018/11/05 全球购物
Notino匈牙利:购买香水和化妆品
2019/04/12 全球购物
htmlentities() 和 htmlspecialchars()有什么区别
2015/07/01 面试题
临床医学大学生求职信
2013/09/28 职场文书
个人自荐材料
2014/05/23 职场文书
师德师风剖析材料
2014/09/30 职场文书
个人公司授权委托书范本
2014/10/12 职场文书
2014年旅游局法制宣传日活动总结
2014/11/01 职场文书
先进集体申报材料
2014/12/25 职场文书
2016年公司新年寄语
2015/08/17 职场文书
Nginx报404错误的详细解决方法
2022/07/23 Servers