如何忽略vuejs中的html元素

Question

如何防止Vue.js在markdown生成的<code>标签内运行代码？这是一个Laravel 5.5 + Vue.js 2.x项目,带有'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不会评估变量,并且所有内容都将按原样呈现.

^{*更多关于v-pre}