北京网站设计公司有哪些,国内外电子政务网站建设差距,公众号模板制作精美,元气森林网络营销方式目录 一、Vue中的v-html指令是什么#xff1f;二、v-html指令与v-text指令的区别#xff1f; 一、Vue中的v-html指令是什么#xff1f;
v-html指令的作用是#xff1a;设置元素的innerHTML#xff0c;内容中有html结构会被解析为标签。
二、v-html指令与v-text指令的区别… 目录 一、Vue中的v-html指令是什么二、v-html指令与v-text指令的区别 一、Vue中的v-html指令是什么
v-html指令的作用是设置元素的innerHTML内容中有html结构会被解析为标签。
二、v-html指令与v-text指令的区别
v-text指令是无论内容是什么都只会将其解析为文本解析文本使用v-text和v-html的效果一样但当需要解析html结构时要使用v-html。
1、案例源代码如下
!DOCTYPE html
html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlescript srchttps://cdn.jsdelivr.net/npm/vue/dist/vue.js/script
/headbodydiv idappid!-- 解析文本使用v-text和v-html的效果一样但当需要解析html结构时要使用v-html。 --1、解析文本示例p v-text school/p p v-html school/p br2、解析html结构示例p v-text href/p p v-html href/p /divscriptvar app new Vue({el: #appid,data: {school: 振华中学,href: a hrefhttps://blog.csdn.net/blbyu/article/details/145413252CSDN-Vue简介/a}})/script
/body/html2、代码执行效果如下
