填充type=selection toggleRowSelection
时间: 2023-09-07 18:11:53 浏览: 89
在使用element-ui的el-table时,如果要勾选某些行,可以通过toggleRowSelection方法来实现。默认情况下,数据填充后复选框是不勾选的。要勾选某些行,可以使用toggleRowSelection方法,例如this.$refs.zttable.toggleRowSelection(this.ZHUANTIList[i])。这样可以通过代码动态地勾选指定行的复选框。
在el-table中,默认是不选中复选框的,但是如果需求要求它选中,可以通过调用toggleRowSelection方法来实现。这个方法可以在created生命周期中加上this.$nextTick来保证在数据行已经渲染完成之后再执行。例如,可以使用下面的代码来勾选多个行的复选框:
```
this.$nextTick(() => {
for (let i = 0; i < this.fileUploadData.length; i++) {
this.$refs.fileTable.toggleRowSelection(this.fileUploadData[i])
}
})
```
这段代码会在数据行已经渲染完成之后,循环遍历fileUploadData数组中的每一个元素,然后调用toggleRowSelection方法来勾选对应行的复选框。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue elementui 实现表格selection的默认勾选](https://blog.csdn.net/gis_zhouda/article/details/121775177)[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_35257117/article/details/96294240)[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 ]
阅读全文