<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里的内容能放链接?


基础教程推荐
猜你喜欢
- CSS清除浮动大全共8种方法 2023-12-27
- JavaScript+CSS相册特效实例代码 2023-12-11
- 一个很酷的 Vue3 的请求库 2023-10-08
- 将字符串中由空格隔开的每个单词首字母大写 2024-03-09
- 微信小程序实现底部弹出框 2023-12-21
- 在React中this容易遇到的问题详解 2023-07-10
- Vue(01)表单校验 2023-10-08
- 微信小程序教程系列之页面跳转和参数传递(6) 2023-12-18
- html5简介_动力节点Java学院整理 2024-01-23
- html5如何利用svg绘制各种雪花图案 2024-12-13