通過名稱和參數獲取 vue-router 的路由

Question

我正在將 Vue 與 vue-router 一起使用。 對於列表視圖中的產品項目，我想生成 JSON-LN 注釋，並將url屬性設置為產品詳細信息視圖的路徑。

我知道我可以通過使用this.$route.path來獲得當前路線的路徑，但是有沒有辦法獲得一個獨特的路線路徑，因為它會被渲染

<router-link :to={name: 'ProductDetail', params: {id: some_id, slug: some_slug}}></router-link>

將路線的路徑注入其他地方？

Answer 1

您正在尋找Router 實例的resolve方法：

給定位置的形式與<router-link/>使用的相同，返回具有以下解析屬性的對象：

 { location: Location; route: Route; href: string; }

在您的情況下，您可以執行以下操作來獲取網址：

let props = this.$router.resolve({ 
  name: 'ProductDetail',
  params: { id: some_id, slug: some_slug },
});

return props.href;