微信小程序 跳转方式总结

发布时间 - 2026-01-11 00:45:10    点击率:

微信小程序 跳转方式总结

一共算是有四种方式。

1.使用组件。<navigator>标签。来实现。

特点:点击有按下的效果

<navigator url="../job_detail/job_detail?isShowCompanyDetail=true&iscollect={{item.iscollect}}"> 跳转 </navigator> 



2.给页面布局加监听时间bindtap事件。然后在方法里面。通过wx.navigatorTo来实现跳转

特点:点击无按下的效果。

redirect_my_jianzhi: function () { 
 wx.navigateTo({ 
 url: '../my_jianzhi/my_jianzhi', 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 
}, 

3.方式。通过wx.redirectTo实现跳转。

特点:关闭当前页面,跳转到应用内某个页面

navigateto_city: function (event) { 
 var provinceName = event.currentTarget.id; 
 wx.redirectTo({ 
 url: '../city/city?province='+provinceName, 
 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 
  } 
 }) 

给上一个页面赋值 

var pages = getCurrentPages(); 
var prevPage = pages[pages.length - 2];//上一个页面。 
prevPage.setData({ 
 bank_cn: bank_cn, 
 bank: bank 
}) 

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


# 微信小程序的跳转方式  # 小程序  # 四种跳转方法  # 微信小程序教程系列之页面跳转和参数传递(6)  # 微信小程序 页面跳转及数据传递详解  # 微信小程序 navigator 跳转url传递参数  # 微信小程序 详解页面跳转与返回并回传数据  # 微信小程序 页面跳转和数据传递实例详解  # 微信小程序 页面跳转传递值几种方法详解  # 微信小程序链接传参并跳转新页面  # 微信小程序 页面跳转传参详解  # 详解微信小程序-扫一扫 wx.scanCode() 扫码大变身  # 小程序扫描普通链接二维码跳转小程序指定界面方法  # 跳转  # 按下  # 来实现  # 上一  # 希望能  # 四种  # 谢谢大家  # 跳转到  # 默认为  # redirect_my_jianzhi  # amp  # true  # isShowCompanyDetail  # navigatorTo  # item  # iscollect  # wx  # bindtap  # job_detail  # lt 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 南京网站制作费用,南京远驱官方网站?  jQuery中的100个技巧汇总  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  如何挑选优质建站一级代理提升网站排名?  如何在腾讯云免费申请建站?  Laravel如何使用查询构建器?(Query Builder高级用法)  如何用AI帮你把自己的生活经历写成一个有趣的故事?  高端云建站费用究竟需要多少预算?  JavaScript如何实现继承_有哪些常用方法  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)  北京企业网站设计制作公司,北京铁路集团官方网站?  网站页面设计需要考虑到这些问题  如何彻底卸载建站之星软件?  php485函数参数是什么意思_php485各参数详细说明【介绍】  Android利用动画实现背景逐渐变暗  大连 网站制作,大连天途有线官网?  WEB开发之注册页面验证码倒计时代码的实现  如何自定义safari浏览器工具栏?个性化设置safari浏览器界面教程【技巧】  Laravel模型事件有哪些_Laravel Model Event生命周期详解  高性能网站服务器部署指南:稳定运行与安全配置优化方案  使用豆包 AI 辅助进行简单网页 HTML 结构设计  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  EditPlus中的正则表达式实战(5)  Laravel怎么实现微信登录_Laravel Socialite第三方登录集成  Laravel如何生成API文档?(Swagger/OpenAPI教程)  如何正确选择百度移动适配建站域名?  Laravel怎么使用Intervention Image库处理图片上传和缩放  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  Windows家庭版如何开启组策略(gpedit.msc)?(安装方法)  Laravel中的Facade(门面)到底是什么原理  购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?  香港服务器租用费用高吗?如何避免常见误区?  Laravel如何实现全文搜索_Laravel Scout集成Algolia或Meilisearch教程  如何续费美橙建站之星域名及服务?  Python文件流缓冲机制_IO性能解析【教程】  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  DeepSeek是免费使用的吗 DeepSeek收费模式与Pro版本功能详解  如何自定义建站之星网站的导航菜单样式?  Laravel如何使用Facades(门面)及其工作原理_Laravel门面模式与底层机制  香港服务器租用每月最低只需15元?  如何在阿里云香港服务器快速搭建网站?  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  网站制作免费,什么网站能看正片电影?  Android GridView 滑动条设置一直显示状态(推荐)  百度输入法全感官ai怎么关 百度输入法全感官皮肤关闭  实例解析angularjs的filter过滤器  Android中AutoCompleteTextView自动提示  javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】