小程序模板网

微信小程序的四种跳转方式

发布时间:2018-04-17 11:03 所属栏目:小程序开发教程

作者:棒怡情,来自原文地址 
一共算是有四种方式。 
1.使用组件。<navigator>标签。来实现。 
特点:点击有按下的效果

 

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

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

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

 

				
  1. redirect_my_jianzhi: function () {
  2. wx.navigateTo({
  3. url: '../my_jianzhi/my_jianzhi',
  4. success: function (res) {
  5. // success
  6. },
  7. fail: function () {
  8. // fail
  9. },
  10. complete: function () {
  11. // complete
  12. }
  13. })
  14. },

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

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

 

				
  1. navigateto_city: function (event) {
  2. var provinceName = event.currentTarget.id;
  3. wx.redirectTo({
  4. url: '../city/city?province='+provinceName,
  5. success: function (res) {
  6. // success
  7. },
  8. fail: function () {
  9. // fail
  10. },
  11. complete: function () {
  12. // complete
  13. }
  14. })
  15.  
  16. }

4.wx.navigateBack

关闭当前页面。返回上一页面或多级页面

 

				
  1. wx.navigateBack({
  2. delta: 1, // 回退前 delta(默认为1) 页面
  3. success: function (res) {
  4. // success
  5. },
  6. fail: function () {
  7. // fail
  8. },
  9. complete: function () {
  10. // complete
  11. }
  12. })

给上一个页面赋值

 

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


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23548.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询