首页 > 其他分享 >弹窗中的vxe-table的横向滚动条不灵敏

弹窗中的vxe-table的横向滚动条不灵敏

时间:2024-06-04 18:46:46浏览次数:20  
标签:el vxe 滚动条 排查 table 不灵敏 弹窗

问题:弹窗是基于el-dialog封装的,里面嵌套了vxe-table,开发过程中没发现不灵敏 最近才发现切换点击详情弹窗时有时候点击空白点不中,拖中也拖动不了
定位问题:
1.可能是z-index层级问题造成了遮挡,F12调整层级 没效果
2.当F12调整时 .el-scrollbar__bar.is-horizontal里面有个样式position:absolute取消就没有这个问题了,
单独调整样式--没效果
3.最后排查到同级的wrap造成的
弹窗高度280px,
最后加上这个解决的

点击查看代码
:deep(.el-scrollbar__wrap) {
  height: 320px;
}
**总结:**开发中偶发过没注意,以为是鼠标不灵敏,事后排查花更多时间。开发中多排查多验证多自测,避免上生产后发现。

标签:el,vxe,滚动条,排查,table,不灵敏,弹窗
From: https://www.cnblogs.com/NeonIs99/p/18231482

相关文章