首页 > 其他分享 >Pinia持久化失效pinia-plugin-persistedstate

Pinia持久化失效pinia-plugin-persistedstate

时间:2023-04-22 13:11:39浏览次数:37  
标签:Pinia plugin useGlobalStore pinia import memberStore 写法 store

肯定能解决,哈哈哈,找了这么多,你这次你找对了文章。

网络上的这个资料都是有问题的,没有讲明白原由。

需求,我想在我前端的业务层里使用 store,但是是持久层store,不过没有生效。

下面是错误的写法,这个写是不生效的。

import { useGlobalStore } from '@/store/modules/global';
import { useMemberStore } from '@/store/modules/member';
import {PiMember} from '@/types/Member'

import pinia from '@/store'
    const memberStore = useMemberStore(pinia);
    const gb = useGlobalStore(pinia);
    gb.token = 'ab123123c'
    memberStore.token = "abc123"
    memberStore.member = {} as PiMember;
    console.log(memberStore);

正确的写法是把这个方法的初始化放到一个函数里,然后自定义一些函数就可以了。

image

image

推荐写法

useGlobalStore().setLoginInfo(data.data)

就是直接拿来用

image

image

标签:Pinia,plugin,useGlobalStore,pinia,import,memberStore,写法,store
From: https://www.cnblogs.com/pphboy/p/17342810.html

相关文章

  • 使用海康插件“VideoWebPlugin” ,chrome安装了,但启动不了问题
    chrome有network给拦截了,windows才可以安装videowebpluginhttps://blog.csdn.net/weixin_50002060/article/details/124858955......
  • Plugin execution not covered by lifecycle configuration
    <build><pluginManagement><plugins><!--Thisplugin'sconfigurationisusedtostoreEclipsem2esettingsonly.IthasnoinfluenceontheMavenbuilditself.-->......
  • pinia 初步理解
    前提写法是用的vue3,只是一些简单的写法stores文件中的counter.jsimport{defineStore}from'pinia'exportconstuseCounterStore=defineStore('counter',{state:()=>({count:0}),getters:{doubleCount:(state)=>state.count*......
  • MASA MAUI Plugin 集成个推,实现本地消息推送(六)【Android】篇
    MASAMAUIPlugin(六)集成个推,实现本地消息推送[Android]篇背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目,意在对......
  • MASA MAUI Plugin 安卓蓝牙低功耗(二)蓝牙通讯
    MASAMAUIPlugin安卓蓝牙低功耗(二)蓝牙通讯项目背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目,意在对微软MAUI的......
  • MASA MAUI Plugin IOS蓝牙低功耗(三)蓝牙扫描
    MASAMAUIPluginIOS蓝牙低功耗(三)蓝牙扫描项目背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目,意在对微软MAUI的......
  • MASA MAUI Plugin (四)条形码、二维码扫描功能
    MASAMAUIPlugin(四)条形码、二维码扫描功能背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目,意在对微软MAUI的补充......
  • MASA MAUI Plugin (十)iOS消息推送(原生APNS方式)
    MASAMAUIPlugin(十)iOS消息推送(原生APNS方式)背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目,意在对微软MAUI的补......
  • MASA MAUI Plugin (七)应用通知角标Android+iOS
    MASAMAUIPlugin(七)应用通知角标(小红点)Android+iOS背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目,意在对微软MAU......
  • MASA MAUI Plugin (九)Android相册多选照片(使用Android Jetpack套件库)
    MASAMAUIPlugin(九)Android相册多选照片(使用AndroidJetpack套件库)背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项......