Vue腕時計

Question

私はtチェックが必要なので、または変更されたルートがあったので問題があります。 私の例のアドレスは次のとおりです。

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: {} 
} 

どのように確認するか、私は、リスト上だ今する：これは、単一のページですか？注文と訪問はparamsであり、私はそれらを非常に簡単に確認できますが、listはparamではありません。どうやってチェックするか、今はリストに載っていますか？私のような別の住所が持っているので、私はURLからこのデータをフェッチする必要があります。ルートにメタデータを追加する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を使用して、それを使用して何でもできます。