mysql 表 disabled_elementui 表格数据如何设置按钮的 disabled 属性
利用slot插槽自定义列内容,这样就能获取到当前行的数据,然后按钮的disabled属性和当前行数据的disabled属性绑定,在点击按钮时修改当前行数据的disabled的属性就可以了。
以下代码是拿elementui官方代码稍微改了改的
:data="tableData"
style="width: 100%">
label="日期"
width="180">
{{ scope.row.date }}
label="姓名"
width="180">
姓名: {{ scope.row.name }}
住址: {{ scope.row.address }}
{{ scope.row.name }}
size="mini"
:disabled="scope.row.disabled"
@click="handleClick(scope.row)">点击按钮置灰
export default {
data() {
return {
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄',
disabled: false
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄',
disabled: false
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄',
disabled: false
}]
}
},
methods: {
handleClick(row) {
row.disabled = true
}
}
}
mysql 表 disabled_elementui 表格数据如何设置按钮的 disabled 属性相关推荐
- Python 基于Python从mysql表读取千万数据实践
基于Python 从mysql表读取千万数据实践 by:授客 QQ:1033553122 场景: 有以下两个表,两者都有一个表字段,名为waybill_no,我们需要从tl_waybill_b ...
- sparksql加载mysql表中的数据
sparksql加载mysql表中的数据 <dependency><groupId>mysql</groupId><artifactId>mysql-c ...
- 根据不同值需求,设置按钮的disabled禁用可用
根据不同值需求,设置按钮的disabled禁用可用 可直接在按钮上设置disabled属性的三目运算控制true还是false. 如: :disabled="scope.row.cpzt== ...
- html移除disabled属性,JQuery设置和去除disabled属性
在HTML的标签中,我们常用disabled属性来暂时禁用一些输入框 可以通过JQuery来设置和去除disabled属性,起到启用禁用和解除禁用的作用 JQuery代码: //两种方法设置disab ...
- 复选框+按钮的disabled属性
开发工具与关键技术: VS , 按钮的disabled属性: 作者:刘佳明 撰写时间:2019年 6 月 6 日 今天介绍份知识点是按钮的disabled属性, 在项目的需求中,有根据复选框的是否选中 ...
- 如何查询MySQL表中的数据,这些操作你得明白!
前言 本节比较重要,对数据表数据进行查询操作,其中可能大家不熟悉的就对于INNER JOIN(内连接).LEFT JOIN(左连接).RIGHT JOIN(右连接)等一些复杂查询. 通过本节的学习,可 ...
- 删除mysql表_Mysql 删除数据表的三种方式详解
用法: 1.当你不再需要该表时, 用 drop; 2.当你仍要保留该表,但要删除所有记录时, 用 truncate; 3.当你要删除部分记录或者有可能会后悔的话, 用 delete. 删除程度可从强到 ...
- 面试题:mysql 表删除一半数据,B+树索引文件会不会变小???
今日寄语:努力的阶段,往往是最不养生的阶段! 一张千万级的数据表,删除了一半的数据,你觉得B+树索引文件会不会变小? (答案在文章中!!) 我们先来做个实验,看看表的大小是如何变化的?? 做个实验,让 ...
- mysql 表损坏_MYSQL数据表损坏的原因分析和修复方法小结(推荐)
1.表损坏的原因分析以下原因是导致mysql 表毁坏的常见原因: 1. 服务器突然断电导致数据文件损坏. 2. 强制关机,没有先关闭mysql 服务. 3. mysqld 进程在写表时被杀掉. 4. ...
最新文章
- JAVA基础9-封装(3)
- 一次性掌握ES6/ES7异步处理
- 卷进大厂系列之LeetCode刷题笔记:长度最小的子数组(中等)
- cortex-M3 的SVC、PendSV异常,与操作系统(ucos实时系统)
- Redis BitMap适应场景
- 链路追踪之zipkin
- yii2数组转为对象_好程序员Java学习路线分享java为什么不支持泛型数组
- OpenCV使用F变换过滤
- Anaconda下安装OpenCV和Tensorflow(最简洁高效的方法)
- C++学习笔记-继承
- 总结 | 深度学习之Pytorch入门教程
- Data Mining with R
- 【XML系列】----DTD约束(一)
- 哈工大深圳计算机自动化专业,专业介绍———自动化专业知多少
- python 彩票图表下载_python彩票
- 双网卡 跃点_有关win7 pppoe拨号网络的跃点数及win7 多路internet访问带宽叠加 - Microsoft Community...
- Failed to execute goal org.apache.maven.pluginsmaven-install-plugin2.5.2install (default-cli) 的
- win7 win7 我的win7
- 修改苹果自带地图中的路线颜色
- mysql 安顺寻_夏日静心旅游路线,到安顺寻味乡愁吧