问题

刷新页面后,pinia 数据会初始化导致页面页面显示出现问题。

解决

一开始使用pinia-plugin-persist没有效果。
最后使用js-cookie 存在cookie内得以解决。

import Cookies from 'js-cookie'

const useMenuActiveStore = defineStore(
    'menuActive',
    {
        state: () => ({
            menuActiveIndex: Cookies.get('menuActiveIndex') ? parseInt(Cookies.get('menuActiveIndex')) : 1,
            menuTwoActiveIndex: 1,
            menuList: [
           ...
            ],
            menuTwoList: [],
            showMoreButton: false,
            getMoreStatus: false
        }),
        actions: {
            setMenuActive(menuActiveIndex) {
                this.menuActiveIndex = menuActiveIndex
                Cookies.set('menuActiveIndex',this.menuActiveIndex)
            },
            setMenuTwoActiveIndex(menuTwoActiveIndex) {
                this.menuTwoActiveIndex = menuTwoActiveIndex
                Cookies.set('menuTwoActiveIndex',this.menuTwoActiveIndex)
            }
        },
        persist: true,
    }
)

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐