功能介绍:列表中的数据包含已审核、未审核、已修改、已删除等状态,除了已删除状态之外其他状态都可以批量操作,现在的需求就是把已删除状态的数据禁止选中。
实现代码如下:
<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利用:row-style="rowClass"设置指定行变色
el-table表格实现多选功能(全选/指定选中/取消选中)
el-dialog中获取el-table组件的ref值报undefined错误!
上面是“el-table表格显示selection多选时对某些复选框设置禁止选中”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4084.html
workflows工作流
一只沮丧的卡通小丑鱼ComfyUI工作流
一个表情深思熟虑的成熟男人
一个外国人在吹奏萨克斯ComfyUI工作流
一张科幻照片,火星车在沙漠里ComfyUI工作流
一位宇航员做在一只乌龟上在星空中游走
一幅以霓虹灯照亮的城市天际线和未来主义画
一个闪闪发光的金属球ComfyUI工作流
一只放屁虫甲虫ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!