当前位置: 首页 > 工具软件 > localForage > 使用案例 >

localforage前端本地存储

鞠修雅
2023-12-01
  1. 可以解决 localStorage/sessionStorage 大小限制的问题
  2. 完美避开 indexDB 的语法,上手比较容易
  3. localforage.getItem 返回的是 promise
  4. 不会因为关闭浏览器就消失,需要手动清理哦 localforage.removeItem(key), localforage.clear()
  5. 具体使用 https://www.npmjs.com/package/localforage 、 https://juejin.cn/post/7024119821365149709
  6. 记录使用,没有详细瞅,大家伙具体问题具体看官方文档解决啊
<script>
    import localForage from 'localforage'
    localForage.config({
      driver: localForage.INDEXEDDB
    })
    
    export default {
        data () {
            json: localForage.getItem('json')                  
        },
        methods: {
            async handleSetJson () {
                this.json = await this.json || {}
                // ...
                localForage.setItem('json', this.json)            
            }        
        } 
    }
</script>
 类似资料: