el-table 多选回显
时间: 2023-09-26 14:10:59 浏览: 101
el-table的多选回显可以通过以下步骤实现:
1. 重写表格的多选与全选方法,因为表格自带的切换分页会清空选择的数据。
2. 父组件传递选中的数据给子组件。
3. 对传递的数据进行重新组织,以适应采购单位列表的字段。
4. 使用表格数据回显方法来将数据显示在表格中。
在el-table中实现多选回显需要使用以下两个API:
1. 使用v-model指令来绑定一个展示在另一张页面的数据组,这样就能实现数据的回显。
2. 使用this.$refs.multipleTable.toggleRowSelection(row, true)方法来设置选中的行,其中传入的row是关联此el-table的data数组中的元素。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [el-table多选数据回显](https://blog.csdn.net/lxhmm921/article/details/123841658)[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_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [el-table(type=“selection“)多选框两种回显](https://blog.csdn.net/qq_50276105/article/details/128307456)[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_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]