vue 监听localstorage

最新推荐文章于 2025-08-10 14:04:41 发布

原创

最新推荐文章于 2025-08-10 14:04:41 发布 · 1.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #javascript #vue.js

在Vue项目中，通过在main.js中原型挂载方法，实现在需要的页面监听和获取localStorage中的值。该方法主要用于解决Vue中因数组操作引发的Observer问题。尽管将数组转换为JSON字符串存储仍会导致每个对象的Observer问题，但直接利用localStorage成功规避了这一问题。欢迎分享更多解决此类问题的优质文章。

mian.js 中原型挂载

Vue.prototype.$addStorageEvent = function (type, key, data) {
   
   
  if (type === 1) {
   
   
    // 创建一个StorageEvent事件
    let newStorageEvent = document.createEvent('StorageEvent');
    const storage = {
   
   
      setItem: function (k, val)<