course_resource/src/views/admin.vue

<template>
    <el-row>
        <el-col :span="4">
            <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
                <el-sub-menu index="1">
                    <template #title>
                        <span>学生管理</span>
                    </template>
                    <el-menu-item index="1-1" @click="menuSelect(1)">账号管理</el-menu-item>
                    <el-menu-item index="1-2" @click="menuSelect(2)">学生评价</el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="2">
                    <template #title>
                        <span>班级管理</span>
                    </template>
                    <el-menu-item index="2-1" @click="menuSelect(3)">班级管理</el-menu-item>
                    <el-menu-item index="2-2" @click="menuSelect(4)">学生评价</el-menu-item>
                </el-sub-menu>
            </el-menu>
        </el-col>
        <el-col :span="20">
            <adminStudent></adminStudent>
        </el-col>
    </el-row>
</template>
<script setup>
import { ref } from 'vue';
import adminStudent from '@/components/admin/adminStudent.vue'

const menuSelect=e=>{
    console.log(e)
}
</script>

<style lang="scss" scoped></style>