在vue项目中，使用router控制页面切换，若内容通过iframe展示，在IE浏览器下遇到路由变化但页面不更新的bug。经发现，iframe的src属性未更新。解决方案是监听路由变化，若为IE浏览器则强制刷新页面，从而实现在IE下页面内容的正确切换。
解决IE浏览器下路由变化页面不更新问题
年前做的一个vue项目，利用router控制页面切换，切换的页面内容都是通过iframe标签嵌套展示，chrome下切换时访问正常，但是在IE浏览器出现了一个奇怪的问题：点击切换后，浏览器的地址栏路径发生切换，但是页面没有更新，还是切换之前的内容，打开F12查看iframe标签的src属性，发现src属性没有更新过来。
IE下的这个现象很是奇怪，最终的解决办法是：由于点击切换时，浏览器地址栏路径发生变化，通过强制刷新页面来实现页面内容切换。
具体实现细节如下：在切换页面按钮的文件中监听路由变化，当路由变化时判断浏览器是否为IE，如果是IE，则强制刷新
// 判断浏览器是否为IE
const isIE = (
/MSIE (\d+\.\d+);/.test(navigator.userAgent) 
最低0.47元/天 解锁文章
扫一扫
2534
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
