2016-02-24 93 views
0

我創建了一個vuejs頁面,顯示在www.mydomain.com/articles上的文章列表。這些可以通過標籤列表進行過濾。在點擊標籤時,自定義過濾器被調用並且文章更新。這很好。vuejs路由,調用過濾器函數

我現在想知道是否可以通過聲明路由並將路由參數傳遞給過濾器來鏈接到預過濾的頁面? 也就是說訪問www.mydomain.com/articles/#/tag1 將顯示標記「標籤1」的文章預過濾列表

的VueJs路由器似乎談單頁應用程序中使用的路由器,但我希望能鏈接到我網站上的頁面。

我錯過了什麼,或者在這裏是愚蠢的?如果是這樣,不好意思問。

回答

1

您將有一條路徑是未過濾的文章,使用一個名爲例如「公司章程」和第二條路線,它也使用物品成分,但有一個標籤:

var Articles = Vue.extend({ ... }) 

var router = new VueRouter({root: '/articles'}) 

router.map({ 
    '/': {component: Articles } // matches '/articles/' 
    '/:tag': {component: Articles } // matches '/articles/#/someTag' 
}) 

現在在文章組件的模板,你可以訪問$route.params.tag,其中將包含URL中的標籤(如果有的話),您可以將其用於過濾器。