uni-router-mini v1.1.5

uni-router-mini

A simple Vue-router，tailored for uni-app

introduce

uni-router-mini is specially designed for uni-app, which mainly solves the problem of uni-app route interception。

use

routes.js needs to be consistent with the path of pages.json

• router/routes.js

   /**
     * @description param intro
     * @param path       must fill needs to be consistent with the path of pages.json.
     * @param name       Not required, it depends on your needs.
     * @param meta       Can put the parameters you need，
     *                   such as 'requireAuth', Used as a condition for whether to intercept
     */
     
   const routes = [
      {
        path: '/pages/index/index',  // Must fill   
        name: 'index',
        meta: {
          title: 'index',
          requireAuth: false
        }
      }
   ]
    
    export default routes  

• main.js

    /**
    * @description router
    * beforeEach 
    *      to: Upcoming destination route object
    *      next: The execution effect depends on the call parameters of the next method
    */
    
    import _routes from './router/routes'
    import Router from 'uni-router-mini'
    
    // registration routing
    const router = new Router({
      routes: _routes
    })
    
    // Front navigation
    router.beforeEach((to, next) => {
      if (to.meta.requireAuth == undefined || to.meta.requireAuth) {
          next()
      } else {
          next()
      }
    })
    
    Vue.prototype.$router = router

• pages use

     this.$router.push({ path : '', query: { a:1 } }) Amount to uni.navigateTo()
     
     this.$router.redirectTo({ path : '', query: { a:1 } }) Amount to uni.redirectTo()
     
     this.$router.switchTab({ path : '', query: { a:1 } }) Amount to uni.switchTab()
     
     this.$router.reLaunch({ path : '', query: { a:1 } }) Amount to uni.reLaunch()
     
     this.$router.back({ path : '', query: { a:1 } }) Amount to uni.navigateBack()
     

  • Receiving parameters

    onLoad(options) {
        const query = options.query
        const a = query.a         
    }