【学习笔记】03-v-html的学习和示例

腌咸鱼

于 2020-09-17 10:42:17 发布

阅读量143

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/wersdf22/article/details/108637731

Vue 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了Vue.js中v-html指令的使用方法，通过示例展示了如何将服务器返回的HTML字符串无损地插入到DOM中，同时提醒开发者注意安全问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

v-html的认识和使用

 讲服务器端传回来的html格式，进行无损转换，所用到的指令

示例：

	<div id="app">
		<h1>{{url}}</h1>
		<h1 v-html="url"></h1>
	</div>
	
	<script src="vue.js"></script>
	<script>
		const apt = new Vue({
			el : '#app',
			data :{
				url : '<a href="http:"//www.baidu.com>百度一下</a>',
			}
		})
	</script>

显示结果：

在这里插入图片描述
注意：v-html是有复制的