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

首先循环输出多个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
        )
      })

    });

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

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐