el-table多选

Element UI的el-table多选功能可以通过在表格的selection这一列中添加selectable="selected"来实现。具体代码如下：

<el-table-column type="selection" width="55" align="center" :selectable="selected" />

同时，还需要绑定selection-change方法，代码如下：

<el-table v-loading="loading" stripe :data="productList" @selection-change="handleSelectionChange">
  <el-table-column type="selection" width="55" align="center" />
  ...
  <el-table-column label="产品状态" align="center" prop="prdtStatus" />
</el-table>

其中，handleSelectionChange是自定义的方法名，用于处理选择变化事件。

除了Element UI，若依框架也提供了成熟的多选表格功能。可以根据具体需求选择适合自己的框架和组件进行开发。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [【Element UI样式优化】el-table多选行的实现 ==＞ 批量删除功能 ==＞ el-table含有不可选中行](https://blog.csdn.net/Sabrina_cc/article/details/125149732)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]