js动态插入vue组件(代码片段)

最新推荐文章于 2023-06-30 15:05:33 发布

a丶谁谁

最新推荐文章于 2023-06-30 15:05:33 发布

阅读量1k

点赞数

分类专栏： vue javascript 前端

本文链接：https://blog.csdn.net/xssxxssx/article/details/114821889

版权

javascript 同时被 3 个专栏收录

20 篇文章 0 订阅

订阅专栏

前端

20 篇文章 0 订阅

订阅专栏

vue

14 篇文章 0 订阅

订阅专栏

const tipComponent = Vue.extend({
        template: `<el-tooltip 
          placement="right" 
          effect="light"
          :popper-options="{ boundariesElement: 'body', gpuAcceleration: false, removeOnDestroy: true }"
          :open-delay="0"
        >
        <div slot="content">
          vue代码片段
        </div>
        <div style='width: 100%;height: 100%;'>${el.innerHTML}</div></el-tooltip>`
      })
      // eslint-disable-next-line new-cap
      const component = new tipComponent().$mount()
      el.appendChild(component.$el)

使用vue渲染组件然后通过js动态插入至dom中