element ui 表单提交多选
时间: 2023-10-06 22:05:51 浏览: 114
Element-ui 多选.md
对于element-ui的el-table表格复选框,可以通过使用selection-change事件来实现多选和单选的功能。具体的代码实现如下:
```html
<template>
<el-button type="success" icon="el-icon-first-aid-kit" :disabled="multiple">多选</el-button>
<el-button type="success" icon="el-icon-first-aid-kit" :disabled="single">单选</el-button>
<el-table ref="multipleTable" :data="tableData" border @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"></el-table-column>
</el-table>
</template>
```
在上述代码中,@selection-change="handleSelectionChange"表示当选择发生改变时,会执行名为handleSelectionChange的方法。在该方法中,可以通过获取选中的数据进行相应的处理,如获取选中的多条数据或者获取选中的单条数据。
阅读全文