Vue v-html 指令

来自姬鸿昌的知识库
Jihongchang讨论 | 贡献2023年6月7日 (三) 08:40的版本
跳到导航 跳到搜索

https://www.bilibili.com/video/BV12J411m7MG/?p=8

设置标签的 innerHTML

<div id="app">
 <p v-html="content"></p>
</div>

var app = new Vue({
  el:"#app",
  data:{
    content:"<a href='#'>hello world</a>"
  }
})

对于普通文本,v-html 和 v-text 没有区别,但对于 HTML 标签就会被 v-html 解析出来