element-plus不使用index作为path在激活导航时进行默认的路由跳转
# 问题描述
element-plus如何不使用index作为path在激活导航时进行默认的路由跳转?
示例如下:
<!--这里的default-active是页面初始化时选择的菜单子项的index,这里的值为string,
router指启用vue-router模式,启用该模式会在激活导航时以index作为path进行路由跳转,配合default-active来设置加载时的激活项-->
<el-menu default-active="1" router>
<!--这里-->
<el-menu-item index="0">LOGO</el-menu-item>
<div class="flex-grow" />
<!--这里item里的route接受的是一个路由对象,并需要使用v-bind进行绑定-->
<el-menu-item index="1" :route="activeIndex">Easy Paste</el-menu-item>
<el-menu-item index="2">Workspace</el-menu-item>
</el-menu>
<script>
export default {
data() {
return {
// 这边其实是一个路由对象,和item中的route进行绑定
activeIndex: this.$router.push('/paste')
}
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
编辑 (opens new window)
上次更新: 2024/05/30, 07:49:34