mpVue：小程序项目中，页面跳转程序封装

﹏ヽ暗。殇╰゛Y 2022-01-07 05:49 207阅读 0赞

目录中main.js中

var tabLinks = [
      '/pages/hospital/index',
      '/pages/patient/index',
      '/pages/consult/index',
      '/pages/center/index'
    ]
    function toNavFun (url) { 
      wx.navigateTo({ 
        url: url
      })
    }
    var toTabFun = function (url) { 
      wx.switchTab({ 
        url: url
      })
    }
    // 页面跳转 会根据传入的参数进行判断
    Vue.prototype.jump = function (url) { 
      console.log('URL::::' + url)
      var qflag = url.indexOf('?')
      if (qflag > -1) { 
        var _testUrl = url.substring(0, qflag)
        if (tabLinks.indexOf(_testUrl) > -1) { 
          toTabFun(_testUrl)
        } else { 
          toNavFun(url)
        }
      } else { 
        if (tabLinks.indexOf(url) > -1) { 
          toTabFun(url)
        } else { 
          toNavFun(url)
        }
      }
    }
    // 跳转页面
    Vue.prototype.toNav = toNavFun
    // 跳转 tabBar的某个页面
    Vue.prototype.toTab = toTabFun

![在这里插入图片描述][20190625142000816.png]

[20190625142000816.png]: /images/20211227/0e4e5cc2e0dd45f4842fa7da4e85fb5b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，207人围观）

还没有评论，来说两句吧...

相关阅读

相关 H5跳转小程序，uniapp跳转小程序

网页跳转小程序需要使用微信的开放标签 [wx-open-launch-weapp][] ，使用开放标签需要使用微信的jssdk，然后sdk的版本不能低，低版本点击无效。先给

以你之姓@/ 2023年01月17日 07:48/ 0 赞/ 238 阅读

相关微信小程序页面跳转方法

方法一：WXML页面实现 1. `<navigator url = "/pages/xxx/xxx">跳转到新页面</navigator>` 2. `<navigat

我就是我/ 2022年12月16日 11:57/ 0 赞/ 253 阅读

相关小程序跳转页面几种方式

需求：从home.wxml跳转到detail.wxml页；一：js实现 1. navigateTo （有返回键，不可以跳转到tabBar页面） //保留

￡神魔★判官ぃ/ 2022年12月11日 07:29/ 0 赞/ 211 阅读

相关微信小程序页面跳转无效

wx.navigateTo(OBJECT) 不会销毁当前页面，仅仅是将其hide，使用wx.navigateBack可以返回到原页面。 wx.redirectTo(OB

ゝ一世哀愁。/ 2022年05月22日 10:46/ 0 赞/ 330 阅读

相关微信小程序（2）——页面跳转

微信小程序没有<a></a>标签，那么微信小程序是如何进行页面跳转的呢？ ▍默认提供的tabBar跳转仅需要按照规范配置即可生效，仅限于底部导航栏页面间的跳转，即a

蔚落/ 2022年05月19日 02:13/ 0 赞/ 358 阅读

相关小程序页面跳转、带参数跳转以及navigator跳转

一、单纯的页面跳转跳转到的页面分 tabBar 页面和非tabBar 页面。url路径可以写相对和绝对路径。 1、跳转到非导航页面，用 wx.navigateTo

朱雀/ 2022年05月11日 06:38/ 0 赞/ 494 阅读

相关小程序跳转小程序

重点需要在配置文件app.json 添加属性navigateToMiniProgramAppIdList:\['appid1','appid2'\]最多10个官方文档链接

Love The Way You Lie/ 2022年01月20日 06:27/ 0 赞/ 432 阅读

相关 mpVue：小程序项目中，页面跳转程序封装

目录中main.js中 var tabLinks = [ '/pages/hospital/index', '/pages/patient/i

﹏ヽ暗。殇╰゛Y/ 2022年01月07日 05:49/ 0 赞/ 208 阅读

相关小程序跳转另外小程序

wx.navigateToMiniProgram({ appId: 'xxxxxxxxxxxxxxxxxx', // 要跳转的小程序的appid

深碍√TFBOYSˉ_/ 2021年10月19日 11:52/ 0 赞/ 477 阅读

相关小程序跳转

一.跳转问题（1）.小程序跳转H5：官网暂不支持直接跳转H5，只能通过嵌套web-view，来访问H5的页面。 [web-view注意事项][web-view

清疚/ 2021年08月20日 00:05/ 0 赞/ 585 阅读