Vue 项目在 IE11 中数据更改后页面数据无变化

  1. 云栖社区>
  2. 博客>
  3. 正文

Vue 项目在 IE11 中数据更改后页面数据无变化

asing1elife 2018-09-15 10:05:28 浏览609
展开阅读全文
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82696902

Vue 项目在 IE11 中数据更改后页面数据无变化

在 IE11 中运行 Vue 项目会发现提交表单数据后,列表数据没有变化

更多精彩

出现问题的原因

  1. 在 IE11 中,如果 GET 请求相同的 URL ,浏览器默认会使用之前的缓存数据,而不是重新请求接口

解决的方式

  1. 针对 IE 浏览器,在每个请求末尾都添加一个时间戳,保证每个请求都是独立的即可
  2. 因为其他浏览器不存在此问题,所以添加时对浏览器进行判断,只为 IE 添加
if (window.ActiveXObject || 'ActiveXObject' in window) {
  options.url = `${options.url}?${new Date().getTime()}`
}

网友评论

登录后评论
0/500
评论
asing1elife
+ 关注