我正在使用 Vue.js 和 Laravel 来呈现一个简单的表格列出产品。从那里我想链接到这样的产品详细信息页面：

;a href=" route("product::details", ['product' =; '???']) ";@ product.id ;/a;

由于表是基于数据对象在客户端生成的，我正在寻找最优雅的方法来实现它，同时不绕过任何 laravel 方法，如 route() 允许我链接到命名路由。

我真的必须手动将路由方法的结果与 Javascript 中的 Vue 变量合并吗？

在我看来是这样的：

;a href=" route("product::details", ['product' =; ':product.id']) ";@ product.id ;/a;

我可以通过数据绑定由 Vue 解析/注入？

【问题讨论】：

因为 Vue 是客户端，而 laravel 是服务器端，你无法以这种方式完成。

但是你可以在渲染的路线上做这样的事情：

创建一个vue方法

现在在你的动作元素中

基本上你正在替换......呃......让我们在渲染路线中将其命名为“placehoder”，并使用所需的值。

希望对你有帮助。

【讨论】：

相关文章>

vue之路由(代码片段)

{...视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动条行为 VueRo}

vuerouter第一个路由(代码片段)

{...视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动条行为安装vue-router是一个插件包，所以}

如何将 vue.js 值作为参数传递给刀片中的路由

{】如何将vue.js值作为参数传递给刀片中的路由【英文标题】：Howtopassavue.jsvalueasaparametertoarouteinblade【发布时间】：2017-04-0123:41:18【问题描述】：我在Laravel中有一条需要id作为参数的路由。Route::get(\'/example/id\',ExampleController@index)如...}

vuerouter10条高级技巧(代码片段)

{...视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动条行为本文是作者是实际项目中遇到的一些总结，主要}

如何在 Vue.js - Nuxt - TypeScript 应用程序中访问路由参数？

{】如何在Vue.js-Nuxt-TypeScript应用程序中访问路由参数？【英文标题】：HowtoaccessroutingparametersinVue.js-Nuxt-TypeScriptapplication?【发布时间】：2018-07-0109:00:24【问题描述】：我正在构建一个基于NuxtTypeScriptStarter模板的网站。我在我的pages...}

如何在 vue 3 中获取路由器的参数？

{】如何在vue3中获取路由器的参数？【英文标题】：Howtogetparamsofrouterinvue3?【发布时间】：2021-03-2419:43:11【问题描述】：我在Vue.js3和TypeScript中创建了一个项目。路由器.jspath:"/app/:id",name:"Detail",component:Detail,props:true,App.js