设置el-table可勾选的行

最新推荐文章于 2024-07-24 13:58:03 发布

qq_38969618

最新推荐文章于 2024-07-24 13:58:03 发布

阅读量538

点赞数

分类专栏： Element-UI组件库文章标签：前端开发表格组件数据加载选择功能交互逻辑

本文链接：https://blog.csdn.net/qq_38969618/article/details/117090573

版权

Element-UI组件库专栏收录该内容

23 篇文章 1 订阅

订阅专栏

<el-table
    :header-cell-style="{background:'#eef1f6',color:'#606266'}"
    ref="singleTable"
    :data="info_list"
    fit
    :border="true"
    v-loading="tabelLoading"
    :max-height="subTableMaxHeight"
    @selection-change="handleSelectionChange"
    highlight-current-row
>
    <!-- 只有待审核状态为1的，才可以勾选 -->
    <el-table-column type="selection" :selectable="(row) => { return row.audit_status == 1}" width="55" fixed></el-table-column>
</el-table>

// js
handleSelectionChange(val) {
    this.selectedRowsList = val; 
}