- 所在位置：
- 首页 >
- 编程技� >
- CSS/HTML >
- v-html指令可以做什么，用法及注意事项是什�
v-html指令可以做什么，用法及注意事项是什�
Admin 2022-08-25 群英技术资�
关于“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指令可以做什么，用法及注意事项是什么都有更深刻的体会了吧。这里是群英网络，小编将为大家推送更多相关知识点的文章，欢迎关注�
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：[email protected]进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容�
猜你喜欢
-
CSS对背景透明度降低有多少方法�
css降低背景透明度方�1：使用opacity属性Opacity属性设置一个元素了透明度级别。从0.0（完全透明）到1.0（完全不透明�<!DOCTYPE html><html><head><meta charset="UTF-8"><style ty
-
@media如何使用，有哪些事项要注意的
这篇文章主要介绍了移动端自适应样式之@media的使用方�,需要的朋友可以参考下
-
CSS字体不换行方法是什么，代码是什�
css3怎么让字体不换行在css中，可以使用white-space属性来强制文字不换行；通常我们使用white-space:nowrap来强制文本文字内容不换行，文本会在在同一行上显示，直到遇�
-
CSS中浮动的产生会有什么负面影�
背景不能显示（overflow:hidden）。边框不能撑开，如果父级设置了CSS边框属性，子级里使用了float属性产生浮动，父级不能被撑开。margin padding设置值不能正确显示�
-
CSS中的link和@import是什么关�,有何差别
从属关系区别。加载顺序区别。兼容性区别。DOM可控性区别。权重区别，link引入的样式权重大于@import引入的样式�
推荐内容
相关标签
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所�
增值电信经营许可证 : B1.B2-20140078
