- 所在位置：
- 首页 >
- 编程技术 >
- CSS/HTML >
- v-html指令可以做什么，用法及注意事项是什么
v-html指令可以做什么，用法及注意事项是什么
Admin 2022-08-25 群英技术资讯 527 次浏览
关于“v-html指令可以做什么，用法及注意事项是什么”的知识有一些人不是很理解，对此小编给大家总结了相关内容，具有一定的参考借鉴价值，而且易于学习与理解，希望能对大家有所帮助，有这个方面学习需要的朋友就继续往下看吧。v-html 可以在目标节点位置内部插入 html 子节点, 跟节点的 .innerHTML 属性类似, 使用方法如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <title>Vue Test</title> </head> <body> <div id="app" v-html="child"></div> <script> var vApp = new Vue({ el: "#app", data: { child: "<span><em>Hello, World!</em></span>" } }) </script> </body> </html>
注意, v-xxx 这种 指令 的数据绑定不是双花括号, 而是 ="", 可以理解为是给 html 标签 增加的特殊的 属性.
感谢各位的阅读，以上就是“v-html指令可以做什么，用法及注意事项是什么”的内容了，经过本文的学习后，相信大家对v-html指令可以做什么，用法及注意事项是什么都有更深刻的体会了吧。这里是群英网络，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
CSS中li标签横向排列的方法是什么？
在CSS中我们常常会使用到li标签，因为li标签用途很广泛，它可以用来制作列表，选项卡，导航等等。但是li是块级元素，我们想要实现横向排列，究竟该怎样做呢？下文给大家分享了两种方法，有需要的朋友可以参考，那么接下就跟小编来学习一下吧。
-
CSS3动画用什么定义定制规则，应用是怎样
css3动画用“@keyframes”来定制规则。“@keyframes”可以指定动画规则，定义CSS动画的一个周期的行为，语法“@keyframes 动画名称{keyframes-selector {css-styles;}}”。
-
在CSS中如何利用cursor自定义鼠标形状
css中能把cursor变成抓手样的形状，注意不是超链接的那种手，是抓手css:{cursor:url('绝对路径的图片(格式：cur,ico)'),-moz-zoom-out;}//FF下面css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以例子代码如下复制代码.style1{cursor:url('http://你地网站/手抓.jpg');}补充:问题一浏览器不兼容问题：在FF火狐 ...
-
如何获取localStorage最大存储，方法和代码是什么
这篇文章主要介绍了详解如何获取localStorage最大存储大小的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
-
利用HTML怎么快速制作一个淘宝页面，技巧是什么
十分钟做出一个网页，看似不可思议，下面小编给大家带来了基于HTML十秒做出淘宝页面，只分为两步，代码超级简单，需要的朋友参考下吧
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
