代码如下

    <div v-for="(item,index) in list"
         :key="index"
    >
      <el-tooltip class="item"
                  ref="key"
                  effect="dark"
                  :content="iconDict[item]"
                  placement="left"
      >
        <div>
          <span>{{ item }}</span>
        </div>
      </el-tooltip>
    </div>

在网页的查看这些tooltip组件看到他们是绝对定位，相对于body，但是vue的现实都是在 id为app的div中，所以他和这个<div id='app'>一起超过了100vh页面出现了滚动条，所以我把这些虚拟的popper，加到一个页面中的div里即可

// 加一个dom
<div ref="here"></div>

在js中
  mounted() {
    this.$nextTick(() => {
      this.$refs.key.map(item => { // 循环refs
        this.$refs.here.appendChild( // 将这些tooltip的dom加到这个div中
          item.popperVM.$el
        )
      })
    })
  }

上面的方法如果不生效，也可设置body属性

boduy{
   overflow: hidden;
}