vue el-menu default-active 设置变量
时间: 2023-08-04 16:06:13 浏览: 134
vue2+el-menu实现路由跳转及当前项的设置方法实例
你可以使用 `v-model` 指令来绑定 `default-active` 属性的值。在 Vue 中,你可以使用 data 属性来定义一个变量,并将该变量与 `v-model` 指令绑定,从而更新 `default-active` 属性的值。
例如,你可以这样定义一个变量:
```
data() {
return {
activeIndex: '1'
}
}
```
然后将该变量与 `v-model` 指令绑定:
```
<el-menu default-active="1" v-model="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>
```
这样,当用户点击菜单项时,`activeIndex` 的值会更新,从而更新 `default-active` 属性的值,使相应的菜单项处于激活状态。
阅读全文