刀片中的Vue - 语法

Question

如何将Vue个变量放入以下表达式的Laravel小胡子括号中？

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

这会引发一个错误，如：

  

解析错误：语法错误，意外＆＃39;}＆＃39;，期待＆＃39;，＆＃39;或＆＃39;）＆＃39;

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.

这是接近它的一种方法。