[JavaScript知识库]elementUI中el-tooltip多个循环展示快速下滑出现抖动滚动条解决方法

废话不多说直接上代码，记录一下

首先循环输出多个el-tooltip

<el-tooltip
                 placement="top"
                 :append-to-body="false"
                 content="asdasdasdasdasdasdasdasdasdasdasdasd"
                  v-for="(item,key) in list" :key="key" ref="key">
            <el-button>asdasdasdasdasdasdasdasdasdasdasd</el-button>
            </el-tooltip>

之后增加一个容器

  <!-- 希望将tooltip的弹出部分内容的dom放在这里面 -->
        <div ref="here"></div>

最后在mounted()里面加入以下代码

    this.$nextTick(()=>{
      this.$refs.key.map((item,key) => {
        this.$refs.here.appendChild(
            item.popperVM.$el
        )
      })

    });

这样就解决抖动滚动条问题了