php – 链接到参数为Vue.js的路由

我正在使用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方法

goto_route: function (param1) {
      route = '{{ route('yournamedroute', ['yourparameter' => '?anytagtoreplace?']) }}'
      location.href = route.replace('?anytagtoreplace?', param1)

}

现在在你的动作元素中

<div v-for="o in object">
<a v-on:click="goto_route(o.id_key)">press</a>
</div> 

基本上你要替换……呃…让我们在渲染路线中将它命名为“placehoder”并带有所需的值.

希望能帮助到你.