Bootstrapvue,tooltip位置错误。
hover目标元素后,tooltip的位置错误。查看开发者工具,发现是hover后生成元素的translate3d计算错误。解决方案:查看官方文档(https://bootstrap-vue.org/docs/directives/tooltip/#positioning),使用boundary属性,修改“边界”。因为被hover元素的祖先元素中存在scroll,于是将boundary的值设置为window,成功解决问题。其他可能会导致tooltip位置错误的原因及解决方案:https://github
原创
2020-08-03 00:37:54 ·
1122 阅读 ·
0 评论