elmeng ui dropdown下拉菜单中 点击莫一个值 如何 传递两个参数 其中一个参数是表单中携带的参数
时间: 2024-02-12 08:05:34 浏览: 24
在 Elmeng UI Dropdown 组件中,可以通过 `@change` 事件来监听下拉菜单选项的变化。在选项变化时,可以通过事件对象 `event` 获取选中项的值。如果要传递两个参数,其中一个参数是表单中携带的参数,可以通过在表单中设置一个隐藏的 input,将其值传递到选项变化的处理函数中。
下面是一个示例代码:
```html
<template>
<div>
<form>
<input type="hidden" name="formParam" value="formValue" />
</form>
<el-dropdown @change="handleChange">
<span class="el-dropdown-link">下拉菜单</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item value="value1">选项1</el-dropdown-item>
<el-dropdown-item value="value2">选项2</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template>
<script>
export default {
methods: {
handleChange(value, event) {
const formParam = event.target.form.formParam.value;
// 在这里可以使用 value 和 formParam 两个参数进行处理
console.log(value, formParam);
},
},
};
</script>
```
在上面的代码中,我们在表单中添加了一个隐藏的 input,并设置了其值为 `formValue`。在下拉菜单选项变化时,我们可以通过 `event.target.form.formParam.value` 获取这个参数的值,并与选中的值一起进行处理。