vue项目，比如我在index.vue页面，点击一个按钮，然后用window.open新窗口打开一个页面(case.vue)

index.vue

const { href } = that.$router.resolve({
  name: 'case',
  query: {
     abc: 'abc'
  }
})
window.open(href, '_blank')

有如下代码

伪代码：

case.vue

public mounted() {
    window.localStorage.setItem('reportParams', JSON.stringify({}))
    window.localStorage.setItem('reportParamsObj', JSON.stringify({}))

    this.$nextTick(() => {
      window.addEventListener('storage', this.reportParamsObjStorage, false)
    })
  }
public destroyed() {
    window.removeEventListener('storage', this.reportParamsObjStorage)
  }
public reportParamsObjStorage(e: any) {
    // 一堆逻辑省略
    
    // 重点是这一句 ie11下就会导致页面卡死 内存溢出 不明白为什么
    window.localStorage.setItem('reportParamsObj', JSON.stringify({}))
    
    // 这两句都正常
    // localStorage.setItem('reportParamsObj', '')
    // localStorage.removeItem('reportParamsObj')
    }
  }

case.vue页面我打开一个还算正常，当我再打开一个case.vue页面就直接内存飙升，卡死了。
问题是解决了，但是不知道为啥，求各路大神解释下