iframe切换视图被记录到history记录,点击浏览器后退按钮pdf报错

iframe中用于PDF预览时,如果用户通过某些操作(如切换双页视图)改变了iframe的src或location,这可能会导致浏览器history中增加新的记录。以下是相关的分析和解决方案:

问题分析

iframe与浏览器history:

当iframe的src或location发生变化时,某些浏览器(如Firefox和IE)会将这些变化记录到浏览器的history中。这意味着,如果用户通过iframe预览PDF并进行页面切换,这些操作可能会被视为浏览器页面的跳转,从而在history中留下记录。

双页视图切换:

当用户切换PDF的双页视图时,这通常涉及到iframe的src或某些内部状态的改变。如果这些改变被浏览器识别为页面跳转,那么就会增加history记录。

解决办法

1、给iframe添加key值

html 复制代码
<iframe :key="url" :src="url" width="100%" height="100%"></iframe> 

2、下载pdf插件

相关推荐
Wyc724095 小时前
HTML:入门
前端·html
Sunny_lxm5 小时前
自定义列甘特图,原生开发dhtmlxgantt根特图,根据数据生成只读根特图,页面展示html demo
前端·html·甘特图·dhtmlxgantt
Ten peaches13 小时前
Selenium-Java版(操作元素)
java·selenium·测试工具·html
酷爱码17 小时前
HTML5表格语法格式详解
前端·html·html5
酷爱码18 小时前
HTML5中的Microdata与历史记录管理详解
前端·html
开开心心就好18 小时前
高效全能PDF工具,支持OCR识别
java·前端·python·pdf·ocr·maven·jetty
啊啊啊~~18 小时前
歌词滚动效果
javascript·html
T0uken21 小时前
【前端】:单 HTML 去除 Word 批注
前端·html·word
浩~~1 天前
HTML5 浮动(Float)详解
前端·html·html5
码农黛兮_461 天前
HTML、CSS 和 JavaScript 基础知识点
javascript·css·html