满口金牙
2022-06-10 03:02
采纳率: 90.9%
浏览 90
已结题

vue 菜单异步的问题请教!我估计是异步的问题

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
      })
    }
  }
})

9条回答 默认 最新

相关推荐 更多相似问题