vue学习03 v-html
2024-08-28 22:04:43
vue学习03v-html
- v-html指令的作用是:设置元素的内部html链接
- 内容有html 的结构会被解析为标签
- v-text指令无论内容是什么,只会解析文本
- 解析文本使用v-text,需要解析html结构使用v-html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<!-- 开发环境版本-->
<script src="js/vue.js"></script>
<body>
<div id="app">
<p v-html="content"></p>
<p v-text="content"></p>
</div>
<script>
var app = new Vue({
el:"#app",
data: {
content:"<a href='https://www.cnblogs.com/ma1998/'>小飞博客园</a>",
}
})
</script>
</body>
</html>
两种效果
v-html能解析出来网址,而v-text不能解析
最新文章
- hibernate中HQL多对多的查询
- requestAnimationFrame
- JavaScript格式化时间
- jQuery之DOM操作
- 【HDOJ】5203 Rikka with wood sticks
- Android全局变量使用
- C#写PDF文件类库PDF File Writer介绍
- STL 清除模板容器 clear.h
- zf-关于差旅报销的excel表单填写
- FitVids,一个轻视频插件,操作简单
- static class 静态类(Java)
- (转)Android 只开启一个Activity实例
- Debian如何永久添加静态路由
- Eclipse中修改jsp、html……的编码格式
- Golang入门教程(十六)Goridge -高性能的 PHP-to-Golang RPC编解码器库
- 雷林鹏分享:jQuery EasyUI 扩展
- Kafka、 RabbitMQ、Redis、 ZeroMQ、 ActiveMQ、 Kafka/Jafka 对比
- js sort
- CSS-返回顶部代码
- [转]NLP Tasks