Laravel 中 URL::action 中的 VueJS 变量

Question

我是 VueJS 的新手。

我有一个使用 Laravel Helpers 的链接：

<a href="{!!   URL::action('TournamentController@edit',  $tournament->id) !!}">{{ $tournament->id }}</a>

因为它将在 VueJS v-for 中，所以现在我需要引用我使用 AJAX 加载的 Vue 变量。

所以，我试着这样写：

<a href="{!!   URL::action('TournamentController@edit',  @{{ tournament.id }} ) !!}">@{{ tournament.id }}</a>

但我明白了

Parse error: syntax error, unexpected '{' (View: /home/vagrant/Code/resources/views/tournaments/index.blade.php)

知道如何混合 Laravel Helper 和 VueJS 吗？

Answer 1

首先，您似乎缺少 @{{ tournament.id }} 周围的引号。

但在我自己玩过之后，由于路线使用与占位符相同的括号，目前似乎不可能。

一种解决方法是在某处创建一个简单的函数，以生成具有唯一占位符的 url，然后在生成的 url 上执行 str_replace 调用。

Answer 2

这是我不喜欢助手的地方，我已经完全停止使用它们。恕我直言，最好的方法是为此创建路由（或 Route::controller）并将这些 url 映射到控制器。然后使用类似的东西：

<a href="{{url('tournament/edit')}}/@{{ tournament.id }}">@{{ tournament.id }}</a>

您的路线可能类似于：

Route::controller('tournament','TournamentController');

以及你在控制器中的功能：

function getEdit($tournament_id){
   // something something
}

这样的事情会起作用