v-html指令用于输出html代码。
<div id="app">
<div v-html="message"></div>
</div>
<script>
new Vue({
el: '#app',
data: {
message: '<h1><a>菜鸟教程</a></h1>'
}
})
</script>
v-html指令只能写在标签身上，不能写在文本元素身上。如果要修改文本元素内的文字，可以用{{ message }}的写法。
在网站中动态渲染任意的 HTML 是非常危险的，因为这很容易导致网站受到 XSS 攻击。请只对可信内容使用 HTML 插值，绝对不要对用户提供的内容使用 HTML 插值。
使用 v-html 指令用于输出 html 代码v-html 指令 html几个重要标签用法（div,p,span...
v-html指令用于输出html代码。 基本用法 v-html指令只能写在标签身上，不能写在文本元素身上。如果要修...
模板语法： html使用 v-html 指令用于输出 html 代码 v-on 指令，它用于监听 DOM 事件： ...
vue的v-html指令用来输出html代码 new Vue({ el:"#app", data:...
事件监听可以使用 v-on 指令： 使用 v-html 指令用于输出 html 代码： 条件判断使用v-if语句：...
v-html指令 v-text指令 v-html和v-text的区别 v-html只能显示标签内容不读取标签，v-...
v-html指令 v-text指令 v-html和v-text的区别 v-html只能显示标签内容不读取标签，v-...
指令： 文本渲染指令： v-text v-html 区别：v-html指令可以渲染数据中的html标签 而v-te...
?【Vue】学习养成记，【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-html v-html指令其实...
1.>v-html:指令下数据绑定会被忽略，而被当成HTML。如果用到v-html指令时，需要单独添加一个元素来绑...
本文标题：v-html指令（html代码）
本文链接：https://www.haomeiwen.com/subject/puxmyttx.html
网友评论