路由跳转的时候携带参数，进入页面之后让页面发送请求

1.遍历你拿到的数据，绑定click事件，并传入id（这里是对应页面需要id）

 <div
   class="detail"
   v-for="item in $store.state.commandList"
   :key="item.id"
   @click="goMenu(item.id)"
 >

2.进行路由的跳转，并用query携带参数

    goMenu(id) {
      this.$router.push({
        name: "musicmenu",
        query: { id },
      });
    },

3.在对应页面拿到该参数，并发起axios请求

//这里接口是封装过的，请大家自己封装接口导入就可以
import { getMenuList } from "../../APi/getDate";
//在methods发起请求
async goMenu() {
   const { data: res } = await getMenuList({
     id: this.$router.history.current.query.id});}
//这里的id可以通过this.$router.history.current.query.id拿到
//之后拿到数据渲染上去就可以了