vue3调用pinia实例actions属性的中的方法报的一个错误

Question

//store文件
import { defineStore } from 'pinia'
import { getUserInfor } from '@/api/userinfor'
export const useUserInfor = defineStore('userinfor', {
    state: () => {
        return {
            imageUrl: '',
            username: '',
            sex: '',
            identity: '',
            bio: ''
        }
    },
    actions: {
        async userInfor(id){
            const res = await getUserInfor(id)
            this.imageUrl = res.data.image_url
            this.username = res.data.username
            this.sex = res.data.sex
            this.identity = res.data.identity
            this.bio = res.data.bio
        }
    },
},{
    persist:{
        //存储全部数据
        enabled:true,
        //关键字
        key:'userinfor',
        Storage:localStorage
    }
})

import { useUserInfor } from '@/store/userinfor'
const store = useUserInfor()
//登录
const Login = async () => {
    const res = await login(loginData)  
    const { id } = res.data.results
    const { token } = res.data
    if (res.data.status == 0) {
        ElMessage({
            message: (res.data.message),
            type: 'success'
        })
        localStorage.setItem('token', token)
        store.userInfor(id)
        //跳转
        router.push('/home')
    } else {
        ElMessage.error(res.data.message)
    }
}

Answer 1

【相关推荐】

• 这篇文章：vue3使用pinia 也许有你想要的答案，你可以看看

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^