使用持久化插件pinia-plugin-persistedstate遇到一个坑

在项目中使用了持久化插件，因为赋值的变量写错了，导致值是undefined,在localStorage中则显示空对象。

测试了一下，值为undefined的对象属性，不会正常被显示

变量则会显示为undefined

代码如下

import { defineStore } from "pinia";
import { getUserInfor } from "@/api/userinfo";
export const useUserInforStore = defineStore('userInfor', {
    state: () => {
        return {
            imageUrl: "",
            name: "",
            sex: "",
            department: "",
            identity:""
        }
    },
    actions: {
        async userinfor(id) {
            const res = await getUserInfor(id)
            this.name = res.data.result.name
            this.sex = undefined
            this.department = undefined
            this.identity = undefined
            localStorage.setItem("test",undefined)
        }
    },
    persist: true
})

效果如下

在这里记录一下。