v-html

最新推荐文章于 2024-04-08 18:32:58 发布

浊世独行侠

最新推荐文章于 2024-04-08 18:32:58 发布

阅读量432

点赞数 7

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_44972441/article/details/134663604

版权

v-html

v-html可以解析HTML代码插入元素中

<body>
  <div id="app"></div>
  <template id="my-app">
    <div v-html="message"></div> 
    //解析后等价于
    //<div>
    //    <div style="class:red">hello world</div>
    //</div> 
  </template>
  <script src="../js/vue.js"></script>
  <script>
    const App = {
      template: "#my-app",
      data () {
        return {
          message: `<div style="class:red">hello world</div>`,
        }
      },
      methods: {

      },
    }
    Vue.createApp(App).mount("#app")
  </script>
</body>