iview UI 的table组件设置复选框选中状态

 <Table ref="selection" @on-selection-change="selectionChanged" border :columns="columns" :data="list">

选中之后,提交数据,就完事了。。

重新打开,需要回显复选框选中状态:

setChecked() { //复选框选中状态
	let ids = this.select_list.map(v=>v.id);
	for (let index in this.$refs.selection.objData) {
	  if (ids.includes(this.$refs.selection.objData[index].id)) {
		 this.$refs.selection.objData[index]._isChecked = true;
	  }
   }
},
selectionChanged(e){
    this.select_list = e
}

猜你喜欢

转载自blog.csdn.net/qq_29483485/article/details/128386352