elmeng ui dropdown下拉菜单中 点击莫一个值使用click 如何 传递两个参数 其中一个参数是表单中携带的参数
时间: 2024-02-12 14:05:35 浏览: 147
在 Elmeng UI Dropdown 组件中,可以通过绑定 `click` 事件来监听下拉菜单选项的点击。在选项点击时,可以通过事件对象 `event` 获取选中项的值。如果要传递两个参数,其中一个参数是表单中携带的参数,可以通过在表单中设置一个隐藏的 input,将其值传递到选项点击的处理函数中。
下面是一个示例代码:
```html
<template>
<div>
<form>
<input type="hidden" name="formParam" value="formValue" />
</form>
<el-dropdown>
<span class="el-dropdown-link" @click="handleClick">下拉菜单</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: {
handleClick(event) {
const formParam = event.target.parentNode.querySelector('input[name="formParam"]').value;
const value = event.target.getAttribute('data-value');
// 在这里可以使用 value 和 formParam 两个参数进行处理
console.log(value, formParam);
},
},
};
</script>
```
在上面的代码中,我们在表单中添加了一个隐藏的 input,并设置了其值为 `formValue`。在下拉菜单选项被点击时,我们可以通过 `event.target.parentNode.querySelector('input[name="formParam"]').value` 获取这个参数的值,并与点击的值一起进行处理。同时,我们还需要在每个选项上设置 `data-value` 属性,以便在处理函数中获取点击的值。
阅读全文