elementui中的Dropdown 组件command事件如何传参
时间: 2023-10-30 18:22:10 浏览: 118
在ElementUI中的Dropdown组件中,可以通过设置`command`属性来指定菜单项的命令,同时可以使用`command`事件来监听菜单项的点击事件。如果想要在点击菜单项时传递参数,可以在设置`command`属性时,将参数作为一个对象传递。例如:
```html
<el-dropdown @command="handleCommand">
<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="{id: 1, name: '张三'}">菜单项1</el-dropdown-item>
<el-dropdown-item command="{id: 2, name: '李四'}">菜单项2</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
```
在`command`事件的回调函数中,可以获取到传递的参数,例如:
```javascript
methods: {
handleCommand(command) {
console.log(command.id); // 输出:1 或 2
console.log(command.name); // 输出:'张三' 或 '李四'
}
}
```
这样就可以在点击菜单项时传递参数并监听事件了。
阅读全文