原生js搞定vue组件未留插槽又需增加节点的问题

前言

有时候组件和UI就差那么一点点,奈何该组件上并未留插槽,我想到的办法是用原生js去创建节点。

思路和代码

在初始化组件的时候,原生js获取组件需要插入dom的父元素,使用appendChild插入新节点.
例:

 this.$nextTick(() => {
          const span = document.createElement('span')
          span.className = 'extra'
          span.innerText = '(新节点文案)'
          document.querySelector('.component .component-dom').appendChild(span)
 })

样式则可以用穿透或全局样式进行编辑

文章归类于: 前端

文章标签: #javascript

版权声明: 自由转载-署名-非商用

0条评论

提示:

评论会在审核通过后显示在下方

昵称必填,用于展示在评论中

邮箱必填,不会公开展示,方便及时收到回复

网址选填,方便看到的人去访问,请完整填写,例如(https://blog.reviosky.com)

快来抢个沙发吧