基本路由配置

  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>
  7. <script>
  8. export default {
  9. onLoad() {
  10. console.log(this.$Route.myDiy); //{ isTab:true }
  11. }
  12. }
  13. </script>