vue 监听localstorage

最新推荐文章于 2025-04-18 15:36:13 发布

elizebeth6

最新推荐文章于 2025-04-18 15:36:13 发布

阅读量1.3k

点赞数 1

分类专栏： vue 前端文章标签： html5 javascript vue.js

本文链接：https://blog.csdn.net/elizebeth6/article/details/120454929

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mian.js 中原型挂载

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