Vue 原样渲染后端返回数据,包括富文本、空格等
https://blog.csdn.net/xiaowude_boke/article/details/129097729
·
v-text 用于向所在的标签中渲染文本内容,不会解析标签。
v-html 也是用于向所在的标签中渲染文本内容,可以解析标签。
<pre> 标签可定义预格式化的文本。
被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
const vm = new Vue({
el: "#APP",
data(){
return {
name: "张三",
name2:"<strong>张三</strong>",
}
}
});
<div id="APP">
<pre>你好,{{name2}}</pre>
<pre v-pre>你好,{{name2}}</pre>
<p v-text="name">你好,</p>
<p v-html="name2">你好,</p>
</div>
v-pre
代码演示
<div v-pre>{{message}}</div>
直接显示原始值,不会经过Vue的编译
如下代码会直接显示"{{messag}}"
更多推荐
所有评论(0)