路由器推送后滚动受阻

Question

在 Vuejs 项目上工作，我尝试使用经典的

this.$router.push();

更改我的 PWA 页面，它在其他地方都可以完美工作，但是当从组件中包含的模式执行此操作时，推送的页面会加载，但我无法滚动它。

请注意，重新加载页面会解锁滚动，并且从其他地方转到同一页面也可以。所以我放弃从推送的页面寻找问题了。

我尝试在从模态中调用

push

之前隐藏模态，但它没有改变任何内容。 关闭模态后，我尝试从主页（包含模态组件的页面）调用

push

，但它没有改变任何内容。

我搜索了很多，希望有人已经遇到过这样的问题并找到了解决方案..

Answer 1

据我所知，模态为他们自己设置了这个

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

因此，“overflow-x：hidden;”你不能滚动！ 因为没有代码我不能说如何解决它，但我认为你应该在路由之前或路由设置之后强制模式关闭

overflow-x: scroll;

Answer 2

将此代码添加到模态按钮中，如下所示：

<button
  type="submit"
  data-bs-dismiss="modal"
  aria-label="Close"
>
Save
</button>