首页 > 其他分享 >el-table复选框根据某个字段默认选中且不可取消

el-table复选框根据某个字段默认选中且不可取消

时间:2022-10-20 16:34:00浏览次数:37  
标签:el 复选框 item 选中 table fffff

主要代码:   :selectable="checkSelectable"用来锁定复选框,让默认选中的复选框不能取消选中

<el-table
          ref="multipleTable"
          :key="tableKey"
          v-loading="listLoading"
          class="pay-list"
          :data="list"
          @selection-change="handleSelectionChange"
          @row-click="btn"
        >
          <el-table-column type="selection" :selectable="checkSelectable" />
          <!-- 收费名称 -->
          <el-table-column :label="$t('aaa.name')" width="250px" align="left" show-overflow-tooltip>
            <template slot-scope="scope">
              <span>{{ scope.row.proName }}</span>
            </template>
          </el-table-column>
        </el-table>

2.methods中(fffff为判定是否不能更改的字段)

checkSelectable(row){
      return row.fffff!=='1'
   },

在getList中写入foreach,用于遍历判断是否为默认必选项(multipleTable为对应el-table中的ref后的参数),使用

this.$refs.multipleTable.toggleRowSelection(item,true)来实现
 getList(proId) {
      this.listLoading = true
      getTuitionAndDormList(
        this.$store.getters.idserial,
        proId
      ).then(response => {
        this.list = response.data
        this.$nextTick(function(){
     this.list.forEach(item => {if(item.fffff === '1'){
          this.$refs.multipleTable.toggleRowSelection(item,true)
          }
        })
        })
        this.listLoading = false
      })
    }

 

标签:el,复选框,item,选中,table,fffff
From: https://www.cnblogs.com/fengziyi/p/16810358.html

相关文章

  • 记录python3.7版本中 Django+celery 启动报错
     虚拟环境启动I报错Traceback(mostrecentcalllast):File"/data/.virtualenvs/cmdb/lib/python3.7/site-packages/gunicorn/arbiter.py",line589,inspawn_w......
  • nuxt 低版本浏览器兼容babel编译配置
    场景:有个nuxt开发的老项目,需要在(Firefox52.7.2)低版本浏览上显示,低版本浏览器打开报错(SyntaxError:invalidpropertyid),然后各种尝试网速搜到的兼容方法依旧没解决,最后......
  • React + Springboot + Quartz,从0实现Excel报表自动化
    一、项目背景企业日常工作中需要制作大量的报表,比如商品的销量、销售额、库存详情、员工打卡信息、保险报销、办公用品采购、差旅报销、项目进度等等,都需要制作统计图表以......
  • 4 hello world!
    01输入源代码首先,在桌面创建一个C语言练习的项目文件夹,建议不要有中文,可能会出错。然后打开你自己的编译器(小编用的是VisualStudio2013),然后输入一下内容,初学要特别注意单......
  • Django Rest Framework中文文档:Serializer relations
    这是对DRF官方文档:Serializerrelations的翻译,根据个人的理解对内容做了些补充、修改和整理。一,django模型间的关系在我们对数据进行建模时,最重要的一点就是根据功能需求......
  • Transformers Pipelines
    pipelines是使用模型进行推理的一种很好且简单的方法。这些pipelines是从库中抽象出大部分复杂代码的对象,提供了一个简单的API,专门用于多个任务,包括命名实体识别、屏蔽语......
  • vue3的学习笔记:MVC、Vue3概要、模板、数据绑定、用Vue3 + element ui 实现购物车案例
    一、前端MVC概要1.1、库与框架的区别框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。......
  • 帝国CMS:如何对批量导入Excel数据表数据?
    有时候需要批量导入数据到帝国CMS,需要用到Excel批量插件;步骤如下:1.上传插件至 /e/extend/2.上传文件 exceladdnews.php、excelecmsinfo.php、excelputout.php、exce......
  • Linux 搬砖常用Shell-扩展
    1.基础语法1.1.循环#!/bin/bashforiin`seq110`doecho"xxxx"done1.2.SHELL中的特定变量$#传递到脚本的参数个数$*以一个单字符串显示所有向脚本传递的参数。与......
  • 解决Element使用el-image总是从第一张开始的问题
    问题起源:         近期在使用elementUI组件库中的Image组件时,其组件会自带一个图片预览功能,仅需要通过传入 preview-src-list (需要预览的图片url......