elementUI中el-tooltip多个循环展示快速下滑出现抖动滚动条解决方法
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
废话不多说直接上代码,记录一下
首先循环输出多个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 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)