用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

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

纸飞机 2018-3-8 09:33

作者:棒怡情,来自原文地址 一共算是有四种方式。 1.使用组件。标签。来实现。 特点:点击有按下的效果 跳转 2.给页面布局加监听时间bindtap事件。然后在方法里面。通过wx.navigatorTo来实现跳转特点:点击无按 ...

作者:棒怡情,来自

原文地址


一共算是有四种方式。
1.使用组件。标签。来实现。
特点:点击有按下的效果

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

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. }

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. })
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏