vuejs之v-html

发布时间：2020-12-16 23:04:05 所属栏目：百科来源：网络整理

导读：看一个例子： html head script src ="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" / script / body div id ="app" h2 v-text ="message" 这里有内容 h2 v-html ="content" div var app = new Vue({ el: '#app',data: { content: " a href ='#' 测试标签

看一个例子：

<html>

head>
  script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</bodydiv id="app">
    h2 v-text="message">这里有内容h2v-html="content"div>
    var app = new Vue({
      el: '#app',data: {
        content: "a href='#'>测试标签a",message: "测试内容",}
    })
  >

结果：

说明：v-html用于设置元素的innerHTML，当内容是普通文本时与v-text没区别，当内容是html结构时，则会对html进行解析。?

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!