zoukankan      html  css  js  c++  java
  • 在vue中监听storage的变化

     为什么要监听storage的变化?

    当我们在使用vue的时候,有时候需要一个两个数据在全局共享,vue虽然提供了vuex模块来解决此问题,但是为了一两个数据的共享引入vuex未免小题大做,所以我们选择使用storage来保存共享数据,但有个问题就是如何监听storage的变化,让我们可以在保存数据的同时,在另外一个路由中监听到变化并执行操作本例子就是演示此方法
    ————————————————

    1.怎么监听
    首先在main.js中给Vue.protorype注册一个全局方法,其中,我们约定好了想要监听的sessionStorage的key值为’watchStorage’,然后创建一个StorageEvent方法,当我在执行sessionStorage.setItem(k, val)这句话的时候,初始化事件,并派发事件。
    ————————————————

    2.如何触发
    在一个路由(比如路由A)存储值得时候,使用下面的方法:

     

     3.如何监听
    如果在另外一个路由(比如路由B)中,我们想根据watchStorage的变化来请求接口刷新页面数据的时候,可以在这个路由中created钩子函数中监听:

  • 相关阅读:
    codeforces 图论题目集(持续更新)
    整数快速幂
    Codeforces Codeforces Global Round 5 C2
    POJ 1061
    扩展欧几里德算法(数论)
    Codeforces Round #592 (Div. 2) 1224D
    Codeforces Round #582 (Div. 3) G. Path Queries
    2019 kickstart A轮 B 题
    P3379 【模板】最近公共祖先(LCA)
    bzoj 2002 分块
  • 原文地址:https://www.cnblogs.com/ahalvxiaobu/p/14230219.html
Copyright © 2011-2022 走看看