el-table实现根据条件对特定的table-cloumn进行是否可勾选

最新推荐文章于 2024-05-30 16:11:37 发布
最新推荐文章于 2024-05-30 16:11:37 发布
阅读量199 收藏
点赞数 1
文章标签： vue.js javascript elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y2000104/article/details/139016661
版权
el-table实现根据条件对特定的table-column进行是否可勾选
<el-table-column
type="selecttion"
label="全选"
:selectable="selectable"
>
</el-table-column>
 
methods:{
selectable(row,index){
    if(row.status== 5){
        return false
    }else{
        return true
    }
}
}

Y2000104
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Flutter-learn
04-19
颤振学习 有状态的班级模板 import 'package:flutter/material.dart'; class AudioPlayerTest extends StatefulWidget{ @override State<StatefulWidget> createState() { return _AudioPlayerTest(); } } class _AudioPlayerTest extends State<AudioPlayerTest>{ @override Widget build(BuildContext context) { return Container(); } } 登录系统演示 如何在所有TextField中使用样式 带容器的TextField flex在cloumn中的使用 将一页导航到另一页 重点关注Te
Navicat连接postgreSQL 报错error：column找不到，亲测是Navicat版本不够，下载12版本有用-附件资源
03-05
Navicat连接postgreSQL 报错error：column找不到，亲测是Navicat版本不够，下载12版本有用-附件资源
el-table嵌套el-input进行验证
weixin_43996061的博客
03-22 1730
<el-table-column label="排序" align="center"> <template slot-scope="scope"> <el-form :ref="'form'+scope.$index" :model="scope.row" :rules="checkParamsRule"> <el-form-item prop="sortBy" style="margin-bottom: 0"> &l.
el-table表格的一些操作-表格实现单选、多选
szzlh123456789的博客
02-20 802
【代码】el-table表格的一些操作-表格实现单选、多选。
el-table实现单选和隐藏全选框和回显数据
Gpointy的博客
11-09 899
【代码】el-table实现单选和隐藏全选框。
VUE中el-table的勾选列，根据每行数据的特定字段切换不可勾选
zfkdiyi的博客
04-14 1183
<!--勾选列：--> <el-table-column type="selection" :selectable="selectable" width="55"></el-table-column> <!--不能单独勾选特定的数据：--> selectable(row,index){ if(row.changeTypeStr == '变更前'){ return false }else{ return tr
多列树性列表视图控件
06-05
treeview和listview结合的控件,含源代码
Add Customer Column For MD04
12-10
Add Customer Column For MD04
二、大数据与分布式.pdf
12-24
⽬前流⾏的分布式⽂件系统是建⽴在互联⽹环境上，基于节点⾃⾝的⽂件系统⽽实现的⾯向海量数据管 理的⽂件系统，主要研究在⼤规模集群上数据划分和数据分布，所存储的数据的可靠性以及存储管理的可扩展性，如何⽀持...
el-table动态控制列显隐
ydZ157的博客
05-28 2547
有时候我们项目会需要勾选某个列，表格自动刷新展示，反之隐藏，看下代码： 首先给我们的el-table加一个控制头：el-popover <el-popover width="60" trigger="click"> <el-checkbox-group v-model="columnSelecteds"> <el-checkbox v-for="item in columnHeaders" :label="item.titl
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1085
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 332
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 216
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
【Vue】v-if / v-show条件渲染指令
qq_39921135的博客
05-29 394
条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。表达式值为 true 显示， false 隐藏。作用： 控制元素显示隐藏（简单的显示隐藏）场景：频繁切换显示隐藏的场景。
基于Java+SpringBoot+Mybaties-plus+Vue+elememt + uniapp 新闻资讯 的设计与实现
qq_28917403的博客
05-27 710
本系统分为 后端 和 小程序端后端：点击登录按钮设置个人中心、管理员账号数据维护、基础数据维护、论坛维护(增删改查帖子信息，包括查看论坛的内容回复)、公告信息维护、用户信息维护、小程序的轮播图维护小程序端：登录、注册、忘记密码首页(查看新闻展示、短视频信息展示、公告信息展示)短视频信息(根据类型检索)、公告信息(根据类型检索)、论坛信息(根据名称检索)、
vue iframe src规则
Ann_52547的博客
05-30 190
需要注意的是，为了安全起见，应尽量避免使用 JavaScript URL，尤其是在加载外部内容时，以防止恶意脚本的注入和执行。1、相对路径：相对于当前页面的路径。
arco disign 封装日期范围组件
weixin_43865196的博客
05-29 356
NumRange组件只对值进行双向绑定, option:参数可参考官网a-input-number的属性,父组件赋值默认值为空数组, 或带值的数组。可再此基础上对外扩展事件,方法,参数.
深入理解Vue 3：计算属性与侦听器的艺术
最新发布
https://blog.amd794.com
05-30 900
Vue.js作为当今流行的前端框架之一，以其响应式数据绑定和组件化架构著称。随着技术的不断演进，Vue3带来了许多令人期待的新特性，这些特性不仅使得Vue.js更加高效和灵活，也为开发者提供了更好的开发体验。Composition API：Vue 3引入了Composition API，它是对原有Options API的补充，使得代码更加模块化和可复用。通过组合式API，开发者可以更方便地组织和重用逻辑。
el-table-cloumn中添加数据
03-29
在Element UI的el-table-column中添加数据，可以通过以下几种方式实现： 1. 使用prop属性：通过设置prop属性，将数据与表格列进行绑定。prop属性指定了表格数据对象中的字段名，可以直接显示该字段的值。 例如： ```html <el-table :data="tableData"> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> </el-table> ``` 在上述代码中，tableData是一个数组，每个元素都包含了name和age字段。el-table-column的prop属性分别与name和age字段进行绑定，实现了数据的显示。 2. 使用slot-scope：通过slot-scope可以获取到当前行的数据对象，可以在slot-scope中自定义显示内容。 例如： ```html <el-table :data="tableData"> <el-table-column label="姓名"> <template slot-scope="scope">{{ scope.row.name }}</template> </el-table-column> <el-table-column label="年龄"> <template slot-scope="scope">{{ scope.row.age }}</template> </el-table-column> </el-table> ``` 在上述代码中，通过slot-scope获取到当前行的数据对象，并通过scope.row.name和scope.row.age获取到name和age字段的值。 3. 使用自定义组件：可以通过自定义组件的方式来添加数据。在自定义组件中，可以根据需要展示不同的数据。 例如： ```html <el-table :data="tableData"> <el-table-column label="姓名"> <template slot-scope="scope"> <custom-component :data="scope.row.name"></custom-component> </template> </el-table-column> <el-table-column label="年龄"> <template slot-scope="scope"> <custom-component :data="scope.row.age"></custom-component> </template> </el-table-column> </el-table> ``` 在上述代码中，通过自定义组件custom-component来展示数据，将当前行的name和age字段传递给自定义组件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Y2000104

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值