elementUI多选框已选内容禁止再次勾选

      <el-table  :data="dataList" class="common-table"  border empty-text="数据为空" @selection-change="handleSelectionChange">
        <el-table-column label="编号" width="150" prop="id"  header-align="center"  align="center"></el-table-column>
        <el-table-column  type="selection" width="55" :selectable='selectEnable'> </el-table-column>
      </el-table>

由**:selectable=‘selectEnable’**控制

   //判断是否要禁止勾选
   //由some方法控制
   //this.templateArray为已选择的内容,row为多选框的全部数据 由他俩进行判断  根据 返回true 或者 false去判断
     selectEnable(row, rowIndex) {
        if(this.templateArray.some(item=>item.deliveryServiceTypeId==row.id)){//禁止勾选
          return false
        }else{
          return true
        }
      },

版权声明:本文为C_TopTopTop原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。