Laravel 助手中的 Vue 变量答案

【问题标题】：Vue varibale inside Laravel helperLaravel 助手中的 Vue 变量
【发布时间】：2020-08-23 23:24:19
【问题描述】：

这是我的 Laravel 路线：

Route::get('/article/{id}', 'ArticleController@show')->name('article');

这是我在 Laravel 中的刀片：

<a href="{{ route('article', '') }}/@{{ article.id }}">Article</a>

我试过这个： How to place vue variable inside a laravel bracket

但对我来说这个回报：

https://example.xyz/article/%7B%7B%20value.id%20%7D%7D

我需要这样的东西：

<a href="{{ route('article', 'article.id') }}">Article</a>

article.id 是一个 Vue 变量。

我该怎么做？

【问题讨论】：

route 在服务器端工作，vue 在客户端工作。很抱歉让您失望了，但是这样做的方法并不像您想象的那么简单。我个人将一个带有占位符的存根传递给我的视图框架，即route('article', ':id')，然后用我需要的字符串替换:id。根据您的特定用例，您可能还有更好的方法，即为每个将接收此 <a> 标记的组件创建一个新组件实例，并使该特定标识符的链接静态

标签： laravel vue.js laravel-mix

【解决方案1】：

你可以试试这个

<a href="{{ route('article', ['id':'article.id']) }}">Article</a>

【讨论】：

【解决方案2】：

你不能这样做。但是您可以使用 Ziggy，它允许您在 vue 中使用 route() 函数，就像在 laravel 中使用它一样。 https://github.com/tightenco/ziggy 然后在你的 vue 组件中你可以调用route('article', {id: article.id})

【讨论】：