iView4 Tabs 标签区域阻止页面滚动的解决方案总结

45 阅读1分钟

问题: iView 4 的 Tabs 组件在 .ivu-tabs-nav-wrap 上注册了 wheel 事件,阻止了页面滚动。

解决方案: 使用 addEventListener 监听 wheel 事件,并通过 capture: true 让监听器在捕获阶段执行,使用 stopImmediatePropagation() 阻止 iView 内部注册的滚轮监听器运行。

核心代码:

tabWrap.addEventListener(
  'wheel',
  (e: WheelEvent) => {
    e.stopImmediatePropagation();
  },
  { capture: true }
);