- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- v-html和v-text的指令用处是什么，如何使用
v-html和v-text的指令用处是什么，如何使用
Admin 2022-07-08 群英技术资讯 769 次浏览
这篇文章主要介绍“v-html和v-text的指令用处是什么，如何使用”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“v-html和v-text的指令用处是什么，如何使用”文章能帮助大家解决问题。1、v-text 文本渲染指令
（只能渲染文本不能渲染标签）
<div id="test">
<p v-text="message"></p>
</div>
<script src="./js/vue.js"></script>
<script>
const vm = new Vue({
el:"#test",
data:{
message:"<h2>hello vue</h2>"
}
})
</script>
输出结果为：
2、 v-html
(可以渲染指令，可以渲染标签)
<div id="test">
<p v-html="message"></p>
</div>
<script src="./js/vue.js"></script>
<script>
const vm = new Vue({
el:"#test",
data:{
message:"<h2>hello vue</h2>"
}
})
</script>
输出结果为：
以上就是关于“v-html和v-text的指令用处是什么，如何使用”的介绍了，感谢各位的阅读，如果大家想要了解更多相关的内容，欢迎关注群英网络，小编每天都会为大家更新不同的知识。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
React Fragment的作用和用法是什么
本文主要介绍了React Fragment介绍与使用详解，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
-
在JS中修改h2标题内容的方法是什么
方法：1、用“document.getElementById("id值")”语句根据id值获取h2元素对象；2、使用“h2元素对象.innerHTML="新标题内容"”或“h2元素对象.innerText="新标题内容"”语句进行修改即可。
-
详解纯JavaScript+CSS怎样做页面滚动的动画
本文给大家分享用纯JavaScript+CSS怎样做页面滚动的动画的内容，让元素根据滚动位置实现动画效果比较流行，除了本文的方法也可以用第第三方插件或库来实现，废话不多说，下面直接看代码。
-
Angular路由配置是怎样，预加载和懒加载有何用
本篇文章带大家了解一下Angular中的路由配置，简单介绍一下预加载配置、懒加载配置，希望对大家有所帮助！
-
JS判断变量类型方法是什么，哪些事项要注意
JavaScript是一个动态类型语言，在运行时获取变量类型是常用操作。本文将通过示例为大家详细讲讲在JavaScript中如何判断变量类型，感兴趣的可以学习一下
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
