本文主要是介绍element el-table表格默认勾选toggleRowSelection失效问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
想要实现一个表格默认勾选上次选过的项的功能:
发现直接使用toggleRowSelection不生效,必须使用setTimeout延迟一会才能生效。
表格:
<el-tableref="table"borderstripe:data="rows"@selection-change="val => (selectedRows = val)"><el-table-columntype="selection"align="center":width="uiSetting.table.checkbox"/><el-table-columntype="index"label="序号"align="center"></el-table-column><el-table-column label="编码" prop="code" show-overflow-tooltip /><el-table-column label="名称" prop="name" show-overflow-tooltip /></el-table>
获取数据:
// 获取列表数据async fetchData() {const { id } = thislet data = await this.$api.list({data: {id}})setTimeout(() => {data.forEach(row => {// 勾选标识if (row.isSelect ) {this.$refs.table.toggleRowSelection(row)}})}, 10)this.rows = data},
这篇关于element el-table表格默认勾选toggleRowSelection失效问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!