我有一个属性,其中包含一个 HTML 字符串作为其属性之一。
当我尝试将其打印到模板中的页面时,它实际上打印了 HTML。所以文本包含 HTML 标签,它本身不会被浏览器解释为 HTML。
我该如何解决这个问题?
模板:
<div class="description">
{{ property.description }}
</div>
输出:
<p>Suscipit est aut molestiae provident quis magnam.</p> <p>Nesciunt iure impedit sint iste.</p> <p>Aspernatur repudiandae laborum dolor harum magnam officiis ad nihil.</p> <p>Non deserunt rerum adipisci voluptates est eos et.</p>
最佳答案
现在我们使用的是 Vue2,这发生了轻微的变化。根据docs我们需要使用 v-html
指令。
例如,我制作了一个加载按钮,如下所示:
<button type="submit" v-html="loading ? loadingText : 'Login'">
其中变量代表:
data: function (router) {
return {
loading: false,
loadingText: '<i class="fa fa-spinner fa-spin"></i> Loading...',
}
}
这会产生:
并且当loading
状态变为true
关于javascript - VueJS 打印 HTML 到页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38687645/