第二章节 storage封装的 setItem出错

Question

代码：
storage.js:

import config from './../config'
export default {
    setItem(key,val){
        let storage =this.getStorage();
        storage[key]=val;
        window.localStorage.setItem(config.namespace,stringify(storage));
    },
    getItem(key){
        return this.getStorage()[key];
    },
    getStorage(){
        return JSON.parse(window.localStorage.getItem(config.namespace)|| "{}");
    },
    clearItem(){
        let storage = this.getStorage()
        delete storage[key]
    },
    clearAll(){
        ndow.localStorage.clear()
    }
}

App.vue:

<template>
  <router-view></router-view>
</template>

<script>
   export default  {
     name : 'app',
     mounted(){
       this.$storage.setItem('name',"Tome")
     }
   }
</script>

<style>
 
</style>

main.js:

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import request from './utils/request'
import storage from './utils/storage'

console.log("环境变量=>",import.meta.env)
const app=createApp(App);
app.config.globalProperties.$request=request;
app.config.globalProperties.$storage=storage;
app.use(router).use(ElementPlus).mount('#app')

Answer 1

qq_慕先生1026127 2021-09-20 11:19:11

你直接

stringify(storage)

应该是

JSON.stringify(storage)

Answer 2

慕后端9509069 2021-06-25 17:36:45

有解决吗，我是一样的错误

Answer 3

河畔一角 2021-05-08 15:06:10

建议断点调试一下，这种问题通常都比较容易调试出来，直接看代码很难看出来。

Answer 4

慕九州4451910 2021-05-08 11:35:36

app. vue的第九行，你去一层一层console. log，肯定找得到问题的