laravel - 如何忽略vuejs中的html元素

Question

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

{{ session('notificationType') }}

我厌倦了修改 Parsedown.php 类(由“andreasindal/laravel-markdown”使用)以将所有“{”替换为 HTML ASCII 字符。替换确实有效，但 Vue 仍在处理这些。

Answer 1

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

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

在上面的示例中，vue 将忽略标签内的所有内容，因此不会评估 name 变量，所有内容都将按原样呈现。

^{* more on v-pre}