vue项目监听localstorage内某个值的变化

一号组件内存值localStorage.setItem('historyPicModal', 'true')二号组件监听值，写在mounted中即可实时监听localstorage中historyPicModal的变化mounted() {window.addEventListener('storage', event => {if(event.key === 'historyPicModa

帷帆

8293人浏览 · 2021-09-07 16:08:59

帷帆 · 2021-09-07 16:08:59 发布

一号组件存值

localStorage.setItem('historyPicModal', 'true')

二号组件监听值，写在mounted中即可实时监听localstorage中historyPicModal的变化，event.newValue就是更新后的historyPicModal的值

mounted() {
    window.addEventListener('storage', event => {
      if(event.key === 'historyPicModal') {
        console.log(event.newValue)
      }
    })
  },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^