公司营销型网站公司,免费网站模板源码,cad线下培训班,如何提高网站排名uniapp h5项目页面中使用了iframe导致浏览器返回按键无法使用, 返回不了上一页.
在 UniApp 中使用 iframe 加载外部页面时#xff0c;可能会遇到返回键行为不符合预期的问题。这是因为 iframe 本身可以包含多个页面的历史记录#xff0c;而默认情况下#xff0c;浏览器的返…uniapp h5项目页面中使用了iframe导致浏览器返回按键无法使用, 返回不了上一页.
在 UniApp 中使用 iframe 加载外部页面时可能会遇到返回键行为不符合预期的问题。这是因为 iframe 本身可以包含多个页面的历史记录而默认情况下浏览器的返回键会控制 iframe 内部页面的历史记录而不是外部页面的历史记录。
解决方案(禁用 iframe 的历史记录)
templateviewiframe refmyIframe :srciframeSrc frameborder0 loadonIframeLoad/iframe/view/templatescriptexport default {data() {return {iframeSrc: http://example.com,};},methods: {onIframeLoad(event) {if(this.$refs.myIframe.contentWindow){// 禁用 iframe 中的历史记录this.$refs.myIframe.contentWindow.history.pushState({}, );this.$refs.myIframe.contentWindow.onpopstate (event) {event.preventDefault();// 跳转到上一页uni.switchTab({url: /pages/index/index,});};}},}
};/script
