el-table横向滚动条鼠标拖动时无法跟随鼠标
时间: 2023-10-04 09:04:08 浏览: 131
el-table-bar-base:element-ui 表格滚动条插件
这个问题可能是由于浏览器的鼠标事件被其他元素或组件占用导致的。为了确保 el-table 的横向滚动条能够跟随鼠标拖动,您可以尝试以下几个解决方案:
1. 确保 el-table 的横向滚动条没有被其他元素或组件遮挡,例如其他弹出框、弹窗等。
2. 确保 el-table 的父元素或祖先元素没有设置 overflow 属性为 hidden,这可能会导致横向滚动条无法被完全显示。
3. 确保 el-table 的父元素或祖先元素没有被其他组件或元素占用鼠标事件。
4. 尝试在 el-table 上添加 @mousedown.prevent 事件,阻止默认的鼠标按下事件,这可能会解决一些浏览器兼容性问题。
5. 尝试在 el-table 上添加 @mousemove.capture 和 @mouseup.capture 事件,捕获鼠标移动和鼠标松开事件,这可能会确保 el-table 的横向滚动条能够跟随鼠标拖动。
希望以上解决方案能够帮助您解决问题。如果还有其他问题,欢迎继续咨询。
阅读全文