<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里的内容能放链接?
基础教程推荐
猜你喜欢
- Ajax + PHP session制作购物车 2023-02-14
- 如何通过双击Windows XP中的html文件之类的任何文件夹来运行php文件? 2023-10-25
- JavaScript获取当前url路径过程解析 2024-02-11
- CSS中float和clear各是什么意思有哪些区别 2024-03-11
- HTML+CSS实现导航条下拉菜单的示例代码 2022-09-21
- PHP SQL:如何将数据从一个html表单保存到多个数据库,或者如何自动将数据从一个数据库复制到另一个数据库 2023-10-27
- Ajax 框架之SSM整合框架实现ajax校验 2023-02-01
- 教你使用css制作出超级炫酷的血轮眼和轮回眼特效 2024-04-03
- jQuery中内容过滤器简单用法示例 2024-04-26
- 详解SPA中前端路由基本原理与实现方式 2024-04-01