v-html 解析并插入 html 标签

1. 双大括号会将数据解释为普通文本,而非 HTML 代码。

Using mustaches: {{ rawHtml }}

Using v-html directive:

这里的 rawHtml 属性值为 利用vue添加了插入一个span 元素, 网页直接显示为普通文本,

网页效果:

 2. 为了输出真正的 HTML,你需要使用 v-html 指令。

Using mustaches: {{ rawHtml }}

Using v-html directive:

,元素绑定 v-html 指令后,解析了 rawHtml 的值里面的 标签,

网页效果:

v-html 解析并插入 html 标签_第1张图片

你可能感兴趣的:(vue)