vue3 pinia 刷新页面数据初始化
数据会初始化导致页面页面显示出现问题。存在cookie内得以解决。
·
问题
刷新页面后,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,
}
)

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