vue项目中用indexDB存储多维数组,该怎么存

191 阅读1分钟

1.保存在localStorage中的数据结构:

[ { name:'甲',info:[ { page:'a',list:[] }, { page:'b',list:[] },... ] }, 
{ name:'乙',info:[ { page:'a',list:[] }, { page:'b',list:[] },... ] },
...
]
复制代码
  1. 进入页面前,会先查看local里是否有记录,没有就直接默认渲染,

    有记录就判断当前name是否存在,没有就直接使用默认,有该name就要看有没有这个page页面,page页面有,就 按照list里面渲染,没有还是默认渲染

    存储时也是一样,先查看local里是否有记录,

    local没有记录,保存当前{name:'currentName',info:[{page:'currentPage',list:[当前配置数组]}]},

    有记录,先判断当前name是否存在,

    有就判断page,page存在就更新list,page不存在,保存当前page和list,

    name不存在,就再添加一条记录,

  2. 之前前端是用localStorage存储的,但是localStorage有大小限制, 现在要存到indexDB中,只是简单的看了下indexDB,不知道这种多维数组,该怎么存进去,进入页面查又该怎么查