Vuejs-如何通过其名称获取路线的路径？

Question

我有一个vcard可以链接到一条路线。我已经使用了路由名称，并将参数传递给了它，如下代码所示，这很好用。

问题是，我需要在其他地方使用相同的链接，并将其作为参数传递给share属性中的：link。

ex：：link =名为“ recipe_article”的路线的路径

预先感谢

<v-card 

    :to="{name:'recipe_article',params:{slug:this.featured[0].slug}}"                                                                       
>
    <v-list>                                                            
        <share 
            :link=recipe_article.$route.path 
            :ptitle=this.featured[0].title :pdesc=this.featured[0].body.substring(0,100) 
            :tags=this.featured[0].tags> 
        </share>
    </v-list>
</v-card>

Answer 1

您应该能够使用router.resolve方法来检索给定路线的href。我不确定这如何处理参数。

computed: {
    href() {
        return this.$router.resolve({
            name:'recipe_article',
            params: {
                slug: this.featured[0].slug
            }
        }).href
    }

}