el-menu default-active 变量 激活选中菜单
时间: 2023-08-02 09:11:30 浏览: 271
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
如果你使用的是 Element UI 的 el-menu 组件,你可以使用它提供的 default-active 属性来指定默认激活的菜单项。该属性接受一个字符串作为参数,表示默认激活的菜单项的 index(菜单项的索引值)。例如:
```html
<el-menu default-active="1">
<el-menu-item index="1">菜单项 1</el-menu-item>
<el-menu-item index="2">菜单项 2</el-menu-item>
<el-menu-item index="3">菜单项 3</el-menu-item>
</el-menu>
```
上面的代码表示默认激活的菜单项是第二个菜单项(index 为 1)。你也可以将 default-active 的值绑定到一个变量上,以便根据业务需要动态指定默认激活的菜单项。例如:
```html
<template>
<el-menu :default-active="activeIndex">
<el-menu-item index="1">菜单项 1</el-menu-item>
<el-menu-item index="2">菜单项 2</el-menu-item>
<el-menu-item index="3">菜单项 3</el-menu-item>
</el-menu>
</template>
<script>
export default {
data() {
return {
activeIndex: '2' // 默认激活第二个菜单项
}
}
}
</script>
```
阅读全文