不同页面如何同步信息

最新推荐文章于 2024-07-22 15:19:55 发布

Y4258

最新推荐文章于 2024-07-22 15:19:55 发布

阅读量434

点赞数

文章标签：前端 javascript java

本文链接：https://blog.csdn.net/Y4258/article/details/130158198

版权

页面一：window.open()打开新的页面

        const routeData = this.$router.resolve({
          name: 'HMI',
          query: {
            id: 0 //路由参数
          }
        })
        window.open(routeData.href, '_blank')

页面二:window.close() 关闭网页

现在回到了新页面跳转前的页面
需要注意：mounted中不能调用methods，重新定义this的指向，通过定义后的this去调用methods

页面三：

  mounted() {
    const _this = this
    window.addEventListener('storage', function(e) {
      if (e.key === 'camTrue' && e.newValue) { // 1.key值要
        _this.init()  // 更新数据
        localStorage.removeItem('camTrue')  //清除对应的key
      }
    })
    }
    ```