Vue 初识Vue 3.0 —— v-html: 插入html

初识Vue 3.0 —— v-html: 插入html

<h5>9.v-html插入html</h5><div class="htmlbox"><p>没有用v-htm...

<h5>9.v-html插入html</h5>
<div class="htmlbox">
	<p>没有用v-html:{{ rhtml }}</p>
	<p>用v-html:<span v-html="rhtml"></span></p>
</div>
<script type="text/javascript">
	//v-html
 const htmls= {
 	data(){
 		return{
 rhtml:"<span style='color:red'>我的红色的</span>"
 		}
 	}
 }
 Vue.createApp(htmls).mount(".htmlbox");
</script>

交互效果见:https://course.51qux.com/vue3-0-1

版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。
Logo

前往低代码交流专区

更多推荐

  • 浏览量 6574
  • 收藏 0
  • 0

所有评论(0)

查看更多评论 
已为社区贡献4条内容