Question

我有一个问题，因为我需要检查或改变路线。我的例子是：

htttp://mySite/#/list/orders/actual

和

http://mySite/#/list/visits/actual

我有模板，在那里我是chceckig或路线被改变了。这是单页：

<template>
<section>
    <div>{{ header }}</div>
</section>
</template>
<script>
   export default {

    name: 'headers',
    data: () => ({
        header: 'Here should be dynamicly changed header',
    }),
    watch: {
        '$route'(to, from) {

        }
    },
    methods: {}
}

如何检查或现在我在列表中？订单和访问是参数，我可以非常简单地检查它们，但列表不是一个参数。如何检查或我现在在列表中？我需要从网址获取此数据，因为我还有其他地址：http://mySite/#/something/orders

Answer 1

You could add metadata to the route

向路线添加元数据很简单：

const router = new VueRouter({
  routes: [
    {
      path: '/foo',
      component: Foo,
      meta: { 
        pageCategory: 'list'
      }
    },

    {
      path: '/bar',
      component: Bar,
      meta: { 
        pageCategory: 'something'
      }
    }

  ]
})

然后可以使用to.matched.meta.pageCategory在您的观察者中访问此页面元，然后您可以使用它执行任何操作。

Vue观看路线

1 个答案: