v-html 动态获取文本

240 阅读1分钟
  • 如果在vue中使用{{ text }}动态获取的文本,会发现<br>会和文本一块显示出来。

    双大括号 {{}}会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,需要使用 v-html 指令

<p class="p" v-html="content.text"></p>

content: {type:"success", text:"申请成功<br>您的申请已提交"}