小编mvu*_*dev的帖子

v-html 中的 Vue.js <pre> 标签

我在 v-html 元素中显示来自 ajax 的内容。内容包含一个“pre”标签,我想按原样显示。

成分 :

<div v-html="content"></div>
Run Code Online (Sandbox Code Playgroud)

内容示例:

<h1>Title</h1>
<pre>
    <p>Hello</p>
</pre>
Run Code Online (Sandbox Code Playgroud)

我得到了什么:

标题

你好

我想得到什么:

标题

<p>Hello</p>
Run Code Online (Sandbox Code Playgroud)

有没有办法实现这一目标?或者 v-html 是不可能的?

编辑 :

我从表单(所见即所得)创建内容。在保存内容之前,它是用 he.js 编码的,所以它看起来像:

&lt;h1&gt;Title&lt;/h1&gt;
&lt;pre&gt;
&lt;p&gt;Hello&lt;/p&gt;
&lt;/pre&gt;
Run Code Online (Sandbox Code Playgroud)

使用我的 ajax 函数获取后,我使用 he.js 对其进行编码以获取:

<h1>Title</h1>
<pre>
    <p>Hello</p>
</pre>
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2

5
推荐指数
1
解决办法
6118
查看次数

标签 统计

vue.js ×1

vuejs2 ×1