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

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

出现问题的原因

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

解决的方式

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