在ios系统中,页面在上下滑动的时候,会触发橡皮筋问题,页面的顶部和底部跟着页面一起滑动的问题,下面就讲一下如何解决这种问题。
在钩子函数created中加入
// 禁止页面滚动
var forbidScroll = function (e) {
e.preventDefault();
};
// 通过 $once 来监听生命周期 beforeDestroy 钩子
this.$once("hook:beforeDestroy", () => {
body.removeEventListener("touchmove", forbidScroll);
});
function forbidTouchMove() {
document.body.style.overflow = "hidden";
body.addEventListener("touchmove", forbidScroll, { passive: false });
}
forbidTouchMove();