elmeng ui dropdown下拉菜单中 点击莫一个值 如何 传递两个参数 其中一个参数是表单中携带的参数
时间: 2024-02-13 15:59:42 浏览: 32
在 `elmeng ui` 中,`Dropdown` 组件中的选项被点击时,会触发 `on-command` 事件。可以在该事件的回调函数中处理传递两个参数的逻辑。
假设要传递的两个参数分别为表单中携带的参数 `formParam` 和下拉菜单中选中的值 `selectedValue`,可以在组件中这样写:
```html
<template>
<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="value1">选项1</el-dropdown-item>
<el-dropdown-item command="value2">选项2</el-dropdown-item>
<el-dropdown-item command="value3">选项3</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</template>
<script>
export default {
data() {
return {
formParam: '表单中携带的参数'
}
},
methods: {
handleCommand(selectedValue) {
console.log('表单中携带的参数:', this.formParam);
console.log('下拉菜单中选中的值:', selectedValue);
// 在这里处理传递两个参数的逻辑
}
}
}
</script>
```
在 `handleCommand` 方法中,`selectedValue` 参数代表下拉菜单中选中的值,可以在这个方法中访问 `data` 中的 `formParam` 属性,实现传递两个参数的逻辑。在这个例子中,只是简单地打印了两个参数的值,具体的实现逻辑需要根据实际需求来修改。