最近在写一个项目用到nuxt3的框架,在做面包屑时候遇到了个问题就是没办法实时更新,giao
哎呀nuxt3不跟vuecli+vue3一样把值保存在store里面监听数据变化就行了.
废话不多说,nuxt3的stare有点不同就是一定要在components文件夹里的组件才能够实时监听的到数据。
在composables文件夹中创建一个ts文件
// useMenuName可以自行定义
export const useMenuName = () => {
return useState('MenuName', () => '')// 定义个空的对象
}
在index中调用、修改
const menuStore = useMenuName()// 这样就调用成功了
console.log(menuStore)
// 修改
// 只要修改了所有components中的组件有引入useMenuName()的都会跟着自动修改的。
//建议呢建数据同步保存本地缓存,刷新的时候在通过onMounted函数中进行调用修改一次。否则你一刷新就没有了
menuStore.value = "123456"
这只是其中一种办法,其他办法也可以就是坑多