在项目开发中,需要操作表格,使用的是iview的table组件,操作需求如下:
1、表格需要显示复选框,可以进行单选和全选
2、选择某一行数据,复选框选中,取得当前行数据进行操作
3、更新当前选中行的数据

遇到的问题:
当前选择行数据更新后,当前行的复选框不能显示选中~~

解决办法:

1、修改表格某行数据的时候,添加属性 _checked = true 表示选中改行,_disabled = true,表示禁用该行,代码如下

   // 取得更新后的行数据
   var updatedRowData = getUpdatedRowDate();
   // 取得更新行在表格数据中的索引
   var index = getUpdatedRowIndex();
   // 重点:为更新行添加属性_checked = true
   updatedRowData._checked = true;
  //更新表格数据
  this.$set(this.tableDatas,index,updatedRowData)
Logo

前往低代码交流专区

更多推荐