el-dropdownlist单击事件
时间: 2023-11-20 15:07:09 浏览: 30
el-dropdownlist 是 Element UI 中的一个下拉列表组件,它提供了多种事件供我们使用,其中包括单击事件。当用户单击下拉列表中的某一项时,就会触发该事件。我们可以通过在 el-dropdownlist 标签上绑定 @command 事件来监听单击事件,具体代码如下:
```html
<el-dropdown @command="handleClick">
<span class="el-dropdown-link">
下拉列表<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="item1">选项一</el-dropdown-item>
<el-dropdown-item command="item2">选项二</el-dropdown-item>
<el-dropdown-item command="item3">选项三</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
```
```javascript
methods: {
handleClick(command) {
console.log(`您单击了 ${command} 选项`);
}
}
```
在上面的代码中,我们在 el-dropdown 标签上绑定了 @command 事件,并将其指向 handleClick 方法。当用户单击下拉列表中的某一项时,handleClick 方法就会被调用,并且会传入该项的 command 值作为参数。