vue - el-table 实现选择框禁止功能

最新推荐文章于 2024-08-10 09:11:51 发布

Listest

最新推荐文章于 2024-08-10 09:11:51 发布

阅读量1.5k

点赞数

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

本文链接：https://blog.csdn.net/listest/article/details/122837548

版权

vue 专栏收录该内容

24 篇文章 3 订阅

订阅专栏

这篇博客探讨了在前端开发中如何使用`el-table-column`组件来实现选择列的功能。代码示例展示了如何通过`:selectable`属性和`checkSelectable`方法来控制行的可选状态，当`enableCheck`属性为1时允许选择。这在构建数据表格交互时非常有用。

摘要由CSDN通过智能技术生成

代码如下：

 <el-table-column class-name="multiple-select-class" :selectable="checkSelectable" type="selection" width="40" align="center" fixed="left"></el-table-column>


。。。。。



// 是否禁止选择
        checkSelectable (row){
            return row.enableCheck === 1
        }