基本路由配置

  1. const router = new Router({
  2.   routes:[
  3.     {
  4.         //注意：path必须跟pages.json中的地址对应，最前面别忘了加'/'哦
  5.         path: '/pages/home/index',
  6.         name: 'index',//在路由跳转时可直接使用name来跳转，后面会讲到
  7.         aliasPath:'/',  //对于h5端你必须在首页加上aliasPath并设置为/
  8.         //可以自定义路由元信息
  9.         myDiy:{
  10.             isTab:true
  11.         },
  12.         meta: {
  13.             title: '首页',
  14.         },
  15.     },
  16.     {
  17.         path: '/pages/home/list',
  18.         name: 'list',
  19.         meta: {
  20.             title: '列表',
  21.         },
  22.     },
  23.   ]
  24. });

你可以在路由守卫中读取。

  1. router.beforeEach((to, from, next) => {
  2.     if(to.myDiy.isTab){
  3.         //..执行相关逻辑
  4.     }
  5.     next()
  6. })

你也可以在对应的组件内查看相关路由元信息

  1. <!-- pages/home/index.vue -->
  2. <template>
  3.     <view>
  4.         <h1>home</h1>
  5.     </view>
  6. </template>
  8. <script>
  9.     export default {
  10.         onLoad() {
  11.             console.log(this.$Route.myDiy); //{ isTab:true }
  12.         }
  13.     }
  14. </script>