视图区域过大,通过鼠标滑动来实现区域滑动
下面是重点,鼠标移动时,通过上次mousedown记录的鼠标位置,和移动的位置,进行差值计算,获得偏移量,然后通过与0比较判断是左滑动还是右滑动,再让滚动条滚动相应的偏移量就实现了。el-table的滚动条是bodyWrapper,先判断滚动条是否存在,如果存在则说明区域过大,先检测鼠标按下事件,后调用鼠标移动事件。这里紫色的页面是一个el-table表格,这里是使用的overflow:hidden,右边还有区域没有显示。在vue3中推荐的方式是ref定义数据后暴露出去,名称与绑定的ref名称一致。
原创
2023-05-12 15:21:41 ·
156 阅读 ·
0 评论