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

作者：棒怡情，来自原文地址 
一共算是有四种方式。 
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. })