将 Laravel 路由传递给 vue 组件的 Href 或 router-link

Passing Laravel route to vue component's Href or router-link

我正在使用 Vue 3 创建一个下拉组件并将其导入到我的 Laravel 8 项目中。下拉菜单完美运行,并按预期循环遍历数据库中的类别。

问题是我希望当我点击一个类别时它会将我路由到“/categories/$category->slug”,它已经在 Laravel 路由中定义并且如果我手动输入它就可以工作。但是我找不到在 vue 组件中说 $category->slug 的方法。

组件如下:

我尝试了锚标签和 href '/categories/{{category.slug}}' 内,但它不起作用。我所需要的只是有一个锚标记或路由器-link 将我定向到 '/categories/$category->slug'

好的,我解决了它,它非常简单!

我只是在 data() 中添加了以下代码

categoryRoute: "/categories/",

然后像这样调整href

:href="this.categoryRoute + category.slug"