“Vue v-html 指令”的版本间的差异

来自姬鸿昌的知识库
跳到导航 跳到搜索
（建立内容为“https://www.bilibili.com/video/BV12J411m7MG/?p=8”的新页面）
 
第1行： 第1行：
 
https://www.bilibili.com/video/BV12J411m7MG/?p=8
 
https://www.bilibili.com/video/BV12J411m7MG/?p=8
 +
 +
设置标签的 innerHTML<syntaxhighlight lang="html">
 +
<div id="app">
 +
<p v-html="content"></p>
 +
</div>
 +
 +
var app = new Vue({
 +
  el:"#app",
 +
  data:{
 +
    content:"<a href='#'>hello world</a>"
 +
  }
 +
})
 +
</syntaxhighlight>对于普通文本，v-html 和 v-text 没有区别，但对于 HTML 标签就会被 v-html 解析出来

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 解析出来

取自“https://www.jihongchang.top/index.php?title=Vue_v-html_指令&oldid=6946”