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

Question

我有一个刀片文件，可以从数据库中打印数据。

当有人在数据库中添加如下所示的数据，然后渲染该页面时，我将面临以下问题。

我在注释中添加了以下文本。 [{{ auth()->user()->first_name }}]

我的刀片文件代码以打印注释

问题来了，因为评论中有两个大括号， 有人可以帮助我如何预防这种情况？

Answer 1

要从编译元素的包含双大括号（{{some text}}）的数据中跳过Vue，可以使用v-pre。这将显示原始的胡须标签：

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

更多：v-pre