vue.js：[Vue 警告]：编译模板时出错：+ 在 laravel 刀片文件中答案

【问题标题】：vue.js: [Vue warn]: Error compiling template: + in laravel blade filevue.js：[Vue 警告]：编译模板时出错：+ 在 laravel 刀片文件中
【发布时间】：2019-10-09 20:49:59
【问题描述】：

我有一个从数据库打印数据的刀片文件。

当有人在数据库中添加如下数据时，在呈现该页面时，我面临以下问题。

我在评论中添加了以下文字。 [{{ auth()->user()->first_name }}]

我的刀片文件代码打印评论

问题来了，因为在评论中有双花括号，有人可以帮助我如何防止这种情况发生吗？

【问题讨论】：

this post 有帮助吗？
不，我的代码是 laravel Blade.php 文件
如果我使用 {!! !!}这个标签然后它将执行我不想要的html标签@YomS.

标签： php laravel vue.js laravel-blade

【解决方案1】：

要跳过 Vue 为元素编译包含双花括号 ({{some text}}) 的数据，您可以使用 v-pre。这将显示原始的胡子标签：

<span v-pre>[{{ auth()->user()->first_name }}]</span>

更多：v-pre

【讨论】：