菜单跳转功能优化

This commit is contained in:
liuwei
2025-03-19 14:14:52 +08:00
parent 508f30b7ec
commit b159ddb765

View File

@@ -82,25 +82,24 @@
background-color="#545c64" background-color="#545c64"
text-color="#fff" text-color="#fff"
active-text-color="#ffd04b" active-text-color="#ffd04b"
@select="handleSelect" @select="handleSelect">
router> <el-menu-item index="1">
<el-menu-item index="1" route="/">
<i class="el-icon-s-home"></i> <i class="el-icon-s-home"></i>
<span slot="title">首页概览</span> <span slot="title">首页概览</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="2" route="/plugins"> <el-menu-item index="2">
<i class="el-icon-s-grid"></i> <i class="el-icon-s-grid"></i>
<span slot="title">插件统计</span> <span slot="title">插件统计</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="3" route="/users"> <el-menu-item index="3">
<i class="el-icon-user"></i> <i class="el-icon-user"></i>
<span slot="title">用户统计</span> <span slot="title">用户统计</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="4" route="/groups"> <el-menu-item index="4">
<i class="el-icon-s-cooperation"></i> <i class="el-icon-s-cooperation"></i>
<span slot="title">群组统计</span> <span slot="title">群组统计</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="5" route="/errors"> <el-menu-item index="5">
<i class="el-icon-warning"></i> <i class="el-icon-warning"></i>
<span slot="title">错误日志</span> <span slot="title">错误日志</span>
</el-menu-item> </el-menu-item>
@@ -148,7 +147,21 @@
methods: { methods: {
handleSelect(key, keyPath) { handleSelect(key, keyPath) {
this.currentView = key; this.currentView = key;
this.loadData(); // 添加页面跳转逻辑
const routes = {
'1': '/',
'2': '/plugins',
'3': '/users',
'4': '/groups',
'5': '/errors'
};
// 如果当前不在对应页面,则跳转
const currentPath = window.location.pathname;
const targetPath = routes[key];
if (currentPath !== targetPath && targetPath !== undefined) {
window.location.href = targetPath;
}
}, },
loadData() { loadData() {
// 由子组件实现 // 由子组件实现