v-html的使用
v-html的使用
v-html可以输出真正的html,不过需要注意,使用原始的html输出,将会存在安全隐患(XSS攻击),因为可以插入js代码。
代码:
<template>
<div v-html="myHtml"></div>
</template>
<script>
export default {
data(){
return {
myHtml:`<div style="color:red">hello</div>`
}
}
}
</script>
<style>
</style>
页面上将会输出红色的hello
本文系作者 @迦娜王 原创发布在 松鼠乐园。未经许可,禁止转载。