javascript - Blade 内部的 Vue - 语法

Question

如何将 Vue 的变量放入以下表达式中 Laravel 的 mustache 括号中？

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

这会引发一个错误，例如:

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

Answer 1

问题是您正在尝试访问 PHP 语句(服务器端)内的 Vue 变量(客户端)。解决此问题的一种方法是在 Vue 的 mounted() 方法中创建链接。如何执行此操作如下:

首先创建标签如下

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

然后，您需要在 Vue 的 mounted() 方法(或 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.

这是解决这个问题的一种方法。