You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.5 KiB
65 lines
1.5 KiB
<!--
|
|
@ 作者: 鲁智强
|
|
@ 时间: 2023-09-19 09:13:14
|
|
@ 备注:
|
|
-->
|
|
<script lang="ts" setup>
|
|
import {
|
|
Document,
|
|
Menu as IconMenu,
|
|
Location,
|
|
Setting,
|
|
} from '@element-plus/icons-vue'
|
|
const handleOpen = (key: string, keyPath: string[]) => {
|
|
console.log(key, keyPath)
|
|
}
|
|
const handleClose = (key: string, keyPath: string[]) => {
|
|
console.log(key, keyPath)
|
|
}
|
|
</script>
|
|
<template>
|
|
<el-row style="width: 500px">
|
|
<el-col :span="12">
|
|
<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-group>
|
|
<el-sub-menu index="1-1">
|
|
<template #title>
|
|
<span>电仪车间</span>
|
|
</template>
|
|
<el-menu-item index="1-1-1">大大大大</el-menu-item>
|
|
</el-sub-item>
|
|
<el-menu-item index="1-2">item two</el-menu-item>
|
|
</el-menu-item-group>
|
|
<el-menu-item-group>
|
|
<el-menu-item index="1-3">item three</el-menu-item>
|
|
</el-menu-item-group>
|
|
<el-sub-menu index="1-4">
|
|
<template #title>item four</template>
|
|
<el-menu-item index="1-4-1">item one</el-menu-item>
|
|
</el-sub-menu>
|
|
</el-sub-menu>
|
|
<el-menu-item index="2">
|
|
<span>Navigator Two</span>
|
|
</el-menu-item>
|
|
<el-menu-item index="3" disabled>
|
|
<span>Navigator Three</span>
|
|
</el-menu-item>
|
|
<el-menu-item index="4">
|
|
<span>Navigator Four</span>
|
|
</el-menu-item>
|
|
</el-menu>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
<style lang='scss' scoped>
|
|
|
|
</style>
|
|
|