将 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"
我正在使用 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"