我有一个页面,是在画布上的组件,但是组件中有一个table,table中数据多了,就会出现滚动条,正常情况下,滚动条用鼠标滚轮就可以滑动,但是这个table是在画布上,滚动滚轮会让画布缩放

在table外层的div上加上 @wheel.stop,就生效了

 

@wheel.stop

• 用途：这个修饰符用于处理鼠标滚轮事件(wheel)。
• 作用：当在某个元素上触发了滚轮事件，并且你希望这个事件不会向父级元素传播时，可以使用.stop修饰符。例如，在你的场景中，如果你有一个画布组件和一个表格组件重叠放置，而你希望滚动表格时不影响画布（比如缩放），你可以在表格的滚动事件上使用@wheel.stop来防止该事件冒泡到画布，从而避免触发画布的缩放行为。