• to
• back
• tab
• redirect
• launch
• mini 跳转小程序
• query` 解析路由参数

快速上手

安装

npm i caring-route

使用

vue

对于不需要传递参数的路由跳转，route`函数提供了原生的方法名称和简化的方法名称，并支持两种传参方式：

一种是类似u-view的，传递两个参数route，第一个参数url就是要跳转的路由，第二个参数data则是要传递的参数，与$u .route的区别就是支持传递对象参数，是其增加版，当只需要跳转路由和传递参数时，推荐优先使用route`的调用方式。

第二种是类uni-app的调用方法，传递一个参数route 其基本使用和 uni-app 是相同的。不同点是：

• uniapp中参数需要通过query参数拼到 url 上，而 route的 url只传递跳转的页面方法即可，其页面参数用data或者params来接收。说起来，
• uniapp中需要通过不同的方法navigateTo 、redirectTo等来执行不同的路由跳转。而 route`支持type参数来指定跳转类型是navigateTo还是redirectTo。

  下面具体说明

  传递两个参数route``的使用方法

  对于

  uni .navigateToroute的封装

  这个方法是路由跳转中最常使用的 api，caring -route做了三种方法的封装，三个方法是等价的，实际业务中。直接使用route函数是最方便的

  // uni .navigateToroute route .to route .navigateTo

  对于

  uni .redirectTo的封装 // redirectToroute .direct route .redirectTo

  对于

  uni .reLaunch的封装 route .launch route .reLaunch

  对于

  uni .navigateBack的封装 // backroute .back route .navigateBack

  对于

  uni .switchTab的封装 // switchTabroute .tab route .switchTab

  传递一个参数 ^{method} `的使用方法

   route => { console .'log } } })
  
  监听events事件
  
  // A页面 route => { console .'log } },})// B页面 const eventChannel = this .'getOpenerEventChannel ';eventChannel .'emit route .'back 
  
  获取路由参数
  
  
  
  在onLoad中使用route 的 {method} query 方法传入 options，函授调用的返回值为已经解码的路由参数
  
   onLoad { const query = route .'query }
  
  处理跳转成功的回调
  
  
  
  使用函数调用方式。添加 {method} .n
   route .n ')
  
  跳转微信小程序
  
  
  
  使用 {method} mini 方法来 跳转微信小程序
  
   route .'mini.n => { console .'log})
  
  开源地址
  
  
  
  github ."com / caring -ui / c...
  

  。

  ---