elmeng ui dropdown 点击莫一个值 如何 传递两个参数 有一个参数是 表单中携带的参数
时间: 2024-02-12 18:05:09 浏览: 65
如果您使用的是 elmeng ui 的 dropdown 组件,您可以在点击事件中将需要传递的两个参数一起传递。例如:
```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="option1,{{ formParam }}">选项1</el-dropdown-item>
<el-dropdown-item command="option2,{{ formParam }}">选项2</el-dropdown-item>
<el-dropdown-item command="option3,{{ formParam }}">选项3</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
```
在上面的代码中,@command 事件会在下拉菜单的选项被点击后触发。您可以在事件处理函数中获取到传递的两个参数,例如:
```javascript
methods: {
handleCommand(command) {
const [option, formParam] = command.split(',');
console.log('选项:', option, '表单参数:', formParam);
// 执行其他操作
},
}
```
在 @command 事件处理函数中,我们使用 split(',') 方法将传递的字符串参数按照逗号分隔成数组,然后使用解构赋值将数组中的值分别赋值给 option 和 formParam 变量。这样就可以获取到传递的两个参数了。
阅读全文