先上umy-ui表格js代码块。
let newOorderItemList=[]//后端返回或更新的数组
this.orderItemList = newOorderItemList//this.orderItemList table表格的源数据
//大数据不建议使用双向绑定的 data 属性(vue 监听会大数据会短暂的卡顿),建议使用reloadData函数。
this.$refs.orderItemListTableRef.reloadData(this.orderItemList)
//默认全选
this.$nextTick(() => {
if (this.orderItemList.length > 0) {//数组不为空时,循环数组,全选行项目
for (let i = 0; i < this.orderItemList.length; i++) {
this.$refs.orderItemListTableRef.$refs.singleTable//此处的.$refs.singleTable是重点
.toggleRowSelection(this.orderItemList[i],true);
}
} else {//数组为空时
this.$refs.orderItemListTableRef.clearSelection();//清空选中的行项目
}
})
el-table中的代码为:
this.$refs.orderItemListTableRef.toggleRowSelection(selectedItemList[i],true);
umy-ui中的代码需添加“.$refs.singleTable”才能正常运行,否则会报“数据格式需要一个数组”错误:
this.$refs.orderItemListTableRef.$refs.singleTable.toggleRowSelection(selectedItemList[i],true);
umy-ui某些方法的实现不同于el-table,需要添加.$refs.singleTable才能正常运行,大家可以尝试一下。