vue element table多选模式通过条件开启和禁用

最新推荐文章于 2023-11-30 16:35:41 发布

叫我小智哥哥就好

最新推荐文章于 2023-11-30 16:35:41 发布

阅读量632

点赞数 1

分类专栏： vue 文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/s212571231/article/details/127203019

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

禁用

设置 :selectable="handleDisable" 方法

 <el-table-column type="selection" width="80px" align="center" :selectable="handleDisable"></el-table-column>

    // 首页列表只有待审核才可以选择，其余结果全部禁用
    handleDisable(row, index) {
      // 函数需要一个返回值,true为可选,false为不可选择
      if (row.auditState === 0) {
        return true
      } else {
        return false
      }
    }

通过条件筛选达到禁用