这篇具有很好参考价值的文章主要介绍了element中table多选功能禁止选择某一项。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。
element-ui中的table的多选很好用，但是如果其中某一项禁止选择，该怎样操作呢
文章来源：https://www.toymoban.com/news/detail-643207.html
在官方文档中，有一个这样的属性，可以控制是否禁止选择文章来源地址https://www.toymoban.com/news/detail-643207.html
<el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
selectable(row,index){
return row.sex==2//为true的时候可以选，为false则不可选择
}
到了这里，关于element中table多选功能禁止选择某一项的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！
selection-change事件：当选择项发生变化时会触发该事件（当分页切换时，选中的数据都会自动清空） 链接: https://blog.csdn.net/qq_36157085/article/details/122922678
表格有分页需要多选，某page选中的数据，当再次到这个page的时候， 之前选中的数据需要是选中状态。比如在首页选中一些数据之后， 跳到第2页， 然后再回首页，首页之前选中的数据要是选中状态。 1. Table 用到的事件: @select : 当用户手动勾选数据行的 Checkbox 时触发的事件
前言:总结一下 elements ui vue 框架使用中出现的问题，目前来看vue 的开发代码的质量和效率 要高于传统的 js 框架，至少在管理系统的开发上面，代码量相对比较小 可以参考 elements ui 官网 https://element.eleme.io/#/zh-CN/component/table#table-column-scoped-slot 具体在实际使用中基本都是带分
element-ui 的官网是有属性的 row-key 属性传入唯一值 row-key 属性传入一个方法 核心： this.$refs.multipleTable.toggleRowSelection(val, true)
对象数组是指一个数组中存储了多个对象的集合。在许多编程语言中，我们可以使用对象数组来方便地存储和管理多个对象的数据。 对象数组可以包含相同类型的对象，也可以包含不同类型的对象。每个对象都可以有自己的属性和方法，通过数组索引可以访问和操作这些对象
代码如下： 上述代码即可实现勾选功能 代码如下：
![[ element-ui:table ] 设置table中某些行数据禁止被选中，通过selectable 定义方法解决](https://imgs.yssmx.com/Uploads/2024/02/744379-1.png)
业务需求：需要做到table表格中某些行数据不能被选中，比如在审核一些记录数据时，已经被审核的数据就不能再次提交审核，特别是批量多选的情况，列表中既有已经审核的，也有未审核的，只要求选中未审核的记录即可（当然也可以提前把已经审核的数据过滤掉）。 做到
我这里分享的是 Cascader 级联选择器 中的多选、以及如何 自定义props 的使用详解 效果 代码 这里在优化一下，将option放置外部引入，如果是通过后端传入的数据这里也可以直接赋值给option 创建一个regin.js 页面中使用 将rogin.js引入，然后在生命周期函数中赋值给options、这里如
element的el-table表格复选框只能选中一条，选择下一条，上一条去掉勾选。使用文档中select方法，el-table绑定一个ref。具体代码实现如下 toggleRowSelection：用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
