Vue innerhalb der Klinge - Syntax

Question

Wie kann ich Vue 's Variablen in die Laravel' s Schnurrbart Klammern im folgenden Ausdruck setzen?

<a href="{{URL::route('frontend.article.show', ['slug' => '@{{article.slug}}', 'categoryId' =>'@{{ @article.id}}'])}}">"@{{article.title}}"></a> 

Dies wirft mir einen Fehler wie:

Parse error: syntax error, unexpected '}', expecting ',' or ')'

Answer 1

Das Problem ist, dass Sie versuchen, Vue-Variablen (Client-Seite) innerhalb einer PHP-Anweisung (Server-Seite). Eine Möglichkeit, dieses Problem zu lösen, besteht darin, die Links innerhalb der Vue-Methode mounted() zu erstellen. Wie können Sie dies wie folgt:

zuerst die Tags erstellen als

<a id="@{{ article.id }}" href="">@{{ article.title }}</a> 

folgt dann müssen Sie die entsprechenden Links in Vues mounted() Methode (oder created())

let path = "{{ route('frontend.article.show', ['slug' => 1, 'categoryId' => 2]) }}"; 
let url = path.replace(1, article.slug).replace(2, article.id); 

// manipulate the DOM from here or pass it through to your data. 

Diese erstellen ist eine Möglichkeit, sich ihr zu nähern.