侧边栏壁纸
  • 累计撰写 60 篇文章
  • 累计收到 10 条评论

nuxt3本地持久化解决方案,防止刷新恢复初始值,ssr端

2023-12-20 / 0 评论 / 2957 阅读
温馨提示:
本文最后更新于 2023-12-20,已超过半年没有更新,若内容或图片失效,请留言反馈。

我们使用pinia来解决这个问题
pinia-plugin-persistedstate这个是插件

第一如果没安装pinpa请安装(已安装请忽略)

npm i @pinia/nuxt

第二安装插件

 npm i pinia-plugin-persistedstate

后面配置文件,在Config文件修改

 export default defineNuxtConfig({ modules: [ '@pinia/nuxt', '@pinia-plugin-persistedstate/nuxt' ], devtools: { enabled: true } })

创建Store文件

import { defineStore } from 'pinia'export const useStore = defineStore('main', { state: () => { return { someState: '你好 pinia', } }, persist: true,//这个很重要,开启持久化的标志})

后面直接使用就可以了

评论一下?

OωO
取消