el-menu-item的select回调
时间: 2024-05-07 19:13:34 浏览: 272
el-menu-item是Element UI中的一个组件,用于创建菜单项。它具有一个名为select的回调函数,该回调在菜单项被选中时触发。
当el-menu-item被点击或者通过键盘导航选中时,select回调函数会被调用。你可以在select回调函数中执行一些操作,比如更新菜单状态、跳转到其他页面或者执行其他自定义逻辑。
以下是el-menu-item的select回调的使用示例:
```html
<template>
<el-menu>
<el-menu-item index="1" @select="handleSelect">菜单项1</el-menu-item>
<el-menu-item index="2" @select="handleSelect">菜单项2</el-menu-item>
<el-menu-item index="3" @select="handleSelect">菜单项3</el-menu-item>
</el-menu>
</template>
<script>
export default {
methods: {
handleSelect(index) {
console.log("选中的菜单项索引:" + index);
// 执行其他操作...
}
}
}
</script>
```
在上述示例中,我们定义了一个el-menu,并在其中创建了三个el-menu-item。每个el-menu-item都绑定了select事件,并指定了handleSelect方法作为回调函数。当菜单项被选中时,handleSelect方法会被调用,并将选中的菜单项索引作为参数传入。
阅读全文