Vue Router URL查询参数改变时页面重新获取数据方案(考虑IE兼容性)

需求背景

---

最近开发的一个项目中，在B系统使用<iframe>嵌入A系统的案件详情页面

<!--B系统页面-->
<iframe src="http://xxx.systemA.com/#/showCase?caseNo=01"></iframe>

B系统通过改变caseNo的值来切换不同的案件信息

遇到的问题

---

在A系统的showCase组件中的created生命周期钩子中从服务器获取案件数据

//showCase组件
export default {
  // [...] 
  created() { 
    this.fetchCaseInfo(); 
  }, 
  methods:{
    fetchCaseInfo(){
      <