<div v-html="test"></div>
<script type="text/javascript">
new Vue({
el:"#app",
data:{
test:'<a href=javascript:location.href="https://ipkd.cn">编程基础学习网</a>'
}
})
</script>
PS:v-html
可以识别html
结构,会替换掉节点中所有的内容,{{}}
则不会。
以上是编程学习网小编为您介绍的“vue开发中如何在v-html里的内容能放链接?”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue开发中如何在v-html里的内容能放链接?


猜你喜欢
- HTML中的表单Form实现居中效果 2022-09-20
- Vue基础案例:01-购物车:购买图书 2023-10-08
- 深入剖析$.ajax()方法 2022-12-28
- JS实现羊了个羊小游戏实例 2024-01-04
- javascript – 获取Web字体以在HTML5 Windows Phone应用程序上运行? 2023-10-25
- ping域名(IP)请求超时怎么办(解决方法) 2024-12-13
- 简单实现js页面切换功能 2024-03-09
- CSS3教程:边框属性border的极致应用 2024-01-05
- JavaWeb表单注册界面的实现方法 2023-12-15
- 补码原码反码··原文:https://www.cnblogs.com/goahead--linux/p/10904701.html 2023-10-25