ITPub博客

首页 > IT职业 > IT生活 > v-html 指令用于输出 html

v-html 指令用于输出 html

原创 IT生活 作者:huahua11 时间:2023-04-24 18:21:13 0 删除 编辑

< div id = " example1 " class = " demo " >     < p > 使用双大括号的文本插值: {{ rawHtml }} </ p >     < p > 使用 v-html 指令: < span v-html = " rawHtml " > </ span > </ p > </ div > < script > const RenderHtmlApp = {  data() {    return {      rawHtml: ' < span style = " color: red " > 这里会显示红色! </ span > '    }  } } Vue.createApp(RenderHtmlApp).mount('#example1') </ script >

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70029331/viewspace-2948494/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: Vue3 条件语句
请登录后发表评论 登录
全部评论

注册时间:2023-04-24

  • 博文量
    16
  • 访问量
    16137