vue 菜单异步的问题请教!我估计是异步的问题
import { storeToRefs } from 'pinia';
import useStore from '../store';
const { menuLeft } = useStore()
const { menuLeftData } = storeToRefs(menuLeft)
const { getDataMenuLeft } = menuLeft // pinia store 向数据库调用数据的函数
onBeforeMount(() => {
getDataMenuLeft('work_group/') // 从后端数据库获取 菜单数据,这里控制台 后出来
})
onMounted(()=>{
menuLeftInit(1) // 初始化菜单, 这里控制台 先出来
})
现在问题是 控制台显示, 先执行了 初始化菜单 函数,然后才读到了 菜单数据,
正常进入没问题,当点右键刷新时,菜单就混乱了。
import { defineStore } from "pinia";
import { MenuLeft, Themes} from '../../types/data'
import { getMethod, postMethod } from '../../api/myHttp'
const menuLeftStore = defineStore('meunLeft',{
state:()=>{
return {
menuLeftData : [] as Array<MenuLeft>,
}
},
actions:{
async getDataMenuLeft(url:string){
await getMethod(url).then(res=>{
console.log('sssssssss11111111111111111',res) // 这里控制台 后面才出来
this.menuLeftData = res.data.menu
})
}
}
})