如何在Vue.js中忽略一个HTML元素

Question

如何防止Vue.js在由Markdown生成的标签中运行代码？这是一个Laravel 5.5 + Vue.js 2.x项目，使用'andreasindal/laravel-markdown'包进行Markdown。Vue试图运行的代码实际上是一个Laravel Blade指令，似乎Blade本身没有尝试处理它（因为我在控制台中收到了有关Vue错误的消息）。

{{ session('notificationType') }}

我曾尝试修改Parsedown.php类（它被'andreasindal/laravel-markdown'使用），以将所有'{'替换为HTML ASCII字符。替换确实有效，但Vue仍然处理了这些内容。

- Alexander

Answer 1

如果您不希望Vuejs评估HTML元素内部的任何内容，可以使用v-pre指令，如下所示：

<code v-pre> {{ name }} </code>

在上面的例子中，Vue会忽略标签内的所有内容，因此name变量不会被评估，而是原样呈现。

^{*更多关于v-pre的信息}

- samayo

---

谢谢，但那不是我需要的。我没有与Blade冲突。我只需要防止Vue在<code>块中处理{{}}。 - Alexander

你可以在 <code v-pre></code> 中使用 v-pre，这样所有的 {{}} 将会原样显示。 - samayo

没错，就是这个，谢谢 @samayo！你可以编辑你的回复，我会接受它。 - Alexander