vue 返回拦截

data() {
return {

// 返回拦截相关
interceptCount: 0,
maxInterceptCount: 2,
isInterceptionActive: false,
popStateHandler: null,
};
},

js

// 为homePop弹窗设置返回拦截
setupHomePopBackInterception() {
// 仅在H5环境下执行
if (typeof window !== 'undefined') {
// 重置拦截计数器
this.interceptCount = 0;
this.isInterceptionActive = true;
console.log('设置返回拦截，最大次数:', this.maxInterceptCount);

// 移除旧的监听器，防止重复绑定
if (this.popStateHandler) {
window.removeEventListener('popstate', this.popStateHandler);
}

// 添加历史记录，用于拦截
window.history.pushState({key: Date.now()}, '', window.location.href);

// 绑定popstate事件
this.popStateHandler = (e) => {
this.handleHomePopPopState(e);
};
window.addEventListener('popstate', this.popStateHandler);
}
},

// 移除homePop弹窗的返回拦截
removeHomePopBackInterception() {
if (typeof window !== 'undefined' && this.popStateHandler) {
window.removeEventListener('popstate', this.popStateHandler);
this.popStateHandler = null;
this.isInterceptionActive = false;
console.log('移除返回拦截');
}
},

// 处理返回事件
handleHomePopPopState(e) {
if (!this.isInterceptionActive || this.PopupWidgetType !== 0) {
return;
}

this.interceptCount++;
console.log('拦截返回事件，第', this.interceptCount, '次');

// 检查是否达到最大拦截次数
if (this.interceptCount <= this.maxInterceptCount) {
// 阻止默认返回行为
window.history.pushState({key: Date.now()}, '', window.location.href);

// 确保弹窗显示
if (this.$refs.homePop) {
console.log('显示弹窗');
this.$refs.homePop.open();

// 双重确保：通过DOM操作直接显示弹窗
setTimeout(() => {
const popupEl = document.querySelector('.PopupWidget');
if (popupEl) {
popupEl.style.display = 'block';
popupEl.classList.add('uni-popup--show');
}
}, 10);
}
} else {
// 达到最大拦截次数，移除拦截
console.log('达到最大拦截次数，允许返回');
this.removeHomePopBackInterception();
}
},

---

onUnload() {
// #ifdef H5
window.removeEventListener('message', this.handleWebviewMessage);
// #endif
// 确保移除返回拦截监听器
// 移除homePop弹窗的返回拦截
this.removeHomePopBackInterception();
this.onPageUnload();
// 确保移除DcWidget的返回拦截
if (this.onPageUnload) {
this.onPageUnload();
}
},

// 页面隐藏时移除事件监听器
onHide() {
// 页面隐藏时移除返回拦截
// 移除homePop弹窗的返回拦截
this.removeHomePopBackInterception();
this.onPageHide();
// 确保移除DcWidget的返回拦截
if (this.onPageHide) {
this.onPageHide();
}
},
// 页面显示时重新绑定返回拦截
// 页面显示时设置返回拦截
async onShow() {
await this.getUserInfo();
this.getBannerUrl();
this.getVipBenefit();
if (this.PopupWidgetType == 0) {
// 显示homePop弹窗
// PopupWidgetType为0时，使用homePop弹窗和自定义返回拦截
setTimeout(() => {
if (this.$refs.homePop) {
this.$refs.homePop.open();
// 设置返回拦截
// this.$refs.homePop.open();
// 设置homePop弹窗的返回拦截
this.setupHomePopBackInterception();
}
}, 500);
// 确保此时不启用DcWidget的返回拦截
if (this.removeBackInterception) {
this.removeBackInterception();
}
} else {
// 移除返回拦截
// PopupWidgetType不为0时，使用DcWidget的返回拦截
// 移除homePop弹窗的返回拦截
this.removeHomePopBackInterception();
}
// 绑定返回拦截
this.onPageShow();
// 启用DcWidget的返回拦截
if (this.onPageShow) {
this.onPageShow();
}
}
},
};