我在 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)
我得到了什么:
标题
你好
我想得到什么:
标题
Run Code Online (Sandbox Code Playgroud)<p>Hello</p>
有没有办法实现这一目标?或者 v-html 是不可能的?
编辑 :
我从表单(所见即所得)创建内容。在保存内容之前,它是用 he.js 编码的,所以它看起来像:
<h1>Title</h1>
<pre>
<p>Hello</p>
</pre>
Run Code Online (Sandbox Code Playgroud)
使用我的 ajax 函数获取后,我使用 he.js 对其进行编码以获取:
<h1>Title</h1>
<pre>
<p>Hello</p>
</pre>
Run Code Online (Sandbox Code Playgroud)