获取el-dropdown当前点击的选项的index
时间: 2024-02-06 09:11:04 浏览: 229
vue+element搭建后台小总结 el-dropdown下拉功能
你可以通过监听 `command` 事件来获取 `el-dropdown` 当前点击的选项的 index。具体实现方式如下:
1. 在 `el-dropdown` 上添加 `@command` 事件监听器,如下:
```html
<el-dropdown @command="handleCommand">
<el-dropdown-menu>
<el-dropdown-item command="1">选项一</el-dropdown-item>
<el-dropdown-item command="2">选项二</el-dropdown-item>
<el-dropdown-item command="3">选项三</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
```
2. 在 Vue 实例中添加 `handleCommand` 方法,并在该方法中获取当前点击的选项的 index,如下:
```js
methods: {
handleCommand(command) {
console.log('点击了选项', command - 1);
}
}
```
在上述代码中,我们通过 `command - 1` 来获取当前点击的选项的 index,因为 `command` 的值是从 1 开始的,而 index 的值是从 0 开始的。
阅读全文