elementUI table多选 设置默认勾选

问题:在调用接口返回数据时,table中的数据行根据后端返回的某些字段,默认勾选

解决:
elementUI 中:
在这里插入图片描述

toggleSelection(rows) {
  if (rows) {
     rows.forEach(row => {
       this.$refs.multipleTable.toggleRowSelection(row);
     });
   } else {
     this.$refs.multipleTable.clearSelection();
   }
 },

    

以上是表格数据的配置项,下面是实现的代码:

this.tableData.forEach((item, index) => {
   if (item.selectStatus === 0) {
   // 等表格数据加载完成后
      this.$nextTick(() => {
      // 注意:toggleRowSelection(item, true) 中 item 必须是行数据
        this.$refs.multipleTableClinicRoom.toggleRowSelection(this.tableData[index], true)
      })
    }
  })

你可能感兴趣的:(WEB前端开发)