ps做图游戏下载网站有哪些内容,定制网站建设哪家好,网站空间托管合同 .doc,优设网专利前言
el-table是我们最常用的展示数据的方式#xff0c;但是有时候需要用到多选来选择数据#xff0c;新增数据的时候还好#xff0c;选中状态都是正常的#xff0c;但是修改就遇到问题#xff0c;需要对这个已经选择过的数据加上默认的选中状态#xff0c;本次就是解决…前言
el-table是我们最常用的展示数据的方式但是有时候需要用到多选来选择数据新增数据的时候还好选中状态都是正常的但是修改就遇到问题需要对这个已经选择过的数据加上默认的选中状态本次就是解决这个问题。通过ref这个来解决。 setDefaultSelection() {// 用的时候将defaultSelectedIds 替换成你的idconst defaultSelectedIds [1, 3, 5]; // 示例默认选中的行的 idthis.$nextTick(() {if (this.$refs.singleTable) {this.$refs.singleTable.clearSelection();this.xiaoquAll.forEach(item {if (defaultSelectedIds.includes(item.id)) {this.$refs.singleTable.toggleRowSelection(item, true);}});}});},singleTableel-table的ref this.xiaoquAll这个是我的el-tabl后端返回的总数据。 基本上所有的后端返回的数据都是有一个id的要是没有用就用index来代替没有id方便 将这个setDefaultSelection函数 在你成功获取到数据之后调用 注意点setDefaultSelection函数的使用时机一定要是有singleTable这个ref生效之后在调用要是这个ref没有生效这个函数就没有意义了。
