功能介绍:列表中的数据包含已审核、未审核、已修改、已删除等状态,除了已删除状态之外其他状态都可以批量操作,现在的需求就是把已删除状态的数据禁止选中。
实现代码如下:
<el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" :selectable="selectable" width="40"></el-table-column>
...
...
</el-table>
实现方法
// 选中事件
handleSelectionChange(val) {
this.multipleSelection =
console.log('选中数据:', val)
},
// 设置所有状态为删除的禁止选中
selectable(row, index) {
if (row.status !== '已删除') {
return true
}
},
以上是编程学习网小编为您介绍的“el-table表格显示selection多选时对某些复选框设置禁止选中”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:el-table表格显示selection多选时对某些复选框设置禁止选中


猜你喜欢
- vue项目引入谷歌广告报Adsense错误:TagError: adsbygoogle.push() error: All ins elements...解决方法 2025-01-12
- css各种cursor鼠标样式介绍 2024-12-13
- json2.js的初步学习与了解 2024-01-15
- 如何利用better-scroll组件兼容ios手机下面的小黑框 2025-01-13
- P3P 和 跨域 (cross-domain) cookie 访问(读取和设置) 2024-03-09
- javascript 调用其他页面的js函数或变量的脚本 2024-01-14
- javascript中bind函数的作用实例介绍 2023-12-01
- vue滚动固定顶部及修改样式的实例代码 2024-02-21
- H5+css3+js搭建带验证码的登录页面 2024-02-21
- CSS Sprite从大图中截取小图完整教程 2024-02-06