获取vue-router的名称和params路由

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

您正在寻找路由器实例的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;