結合Vue路由器配置中url和道具對象的優點

Question

這是我的路由器配置。

const router = new VueRouter({ 
    routes: [ 
    { 
     path: '/user/:id', 
     components: User, 
     props: { 
     sidebar: true 
     } 
    } 
    ] 
}) 

我無法訪問到所有的道具（例如sidebar和id），只有在此配置sidebar。

任何想法？

Answer 1

您可以訪問路線路徑，而params這樣的：

this.$route.path或

this.$route.params.id 

從你的函數，計算出的道具或者你的模板內

Answer 2

如果我理解正確的話，你想將支持sidebar設置爲true（靜態），將支持id設置爲:idURL參數（動態）。

你必須使用一個函數，它接受的路徑作爲參數，並返回要對組件設置的道具值：

props: route => ({ 
    id: route.params.id, 
    sidebar: true, 
}) 

已在VUE路由器文檔看看Function Mode瞭解更多信息。