vue el-table中使用el-select选中后无效的解决
作者:youyudexiaowangzi 时间:2024-04-26 17:37:54
el-table使用el-select选中后无效
需求:表格中一行显示一条数据,数据中的某个属性要展示一列,并且再另一列中用el-select用作选择修改,修改后提示用户是从从原来的状态改为新状态。
表格数据从服务器返回,为了修改时获取原来的状态和新状态,给每一行数据新增了一个字段,但是点击下拉框的时候发现下拉框选择后没有生效,
几经调整后发现是添加新字段的原因
服务器返回数据:returnData:数组
this.users = returnData
this.users.forEach(item=>{
item.newState = parseInt(item.state)
})
应该改成
returnData.forEach(item=>{
item.newState = parseInt(item.state)
})
this.users = returnData
el-table中selectable的使用
html代码
<el-table-column
type="selection"
width="55"
:selectable="selectable"
:reserve-selection="true"
align="center">
</el-table-column>
js代码
//判断是否禁用
checkStatus(row, index){
if(this.arr.some(el=>{return el===row.id})){
return false;
}else{
return true;
}
},
来源:https://blog.csdn.net/youyudexiaowangzi/article/details/106584899
标签:vue,el-table,el-select,选中
0
投稿
猜你喜欢
Mysql limit 优化,百万至千万级快速分页 复合索引的引用并应用于轻量级框架
2024-01-29 03:11:36
InnoDb 体系架构和特性详解 (Innodb存储引擎读书笔记总结)
2024-01-21 14:21:03
python socket模块创建和使用套接字示例详解
2021-12-30 13:05:49
python读取目录下所有的jpg文件,并显示第一张图片的示例
2023-06-21 16:31:58
Python实现文件操作帮助类的示例代码
2023-02-14 16:46:57
手写一个python迭代器过程详解
2021-06-29 07:45:23
mysql 5.7.14 安装配置方法图文教程
2024-01-12 14:01:18
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2024-01-18 13:21:33
实例讲解启动mysql server失败的解决方法
2008-12-26 17:27:00
js中typeof的用法汇总
2024-04-17 10:38:45
分析python切片原理和方法
2021-04-19 21:39:03
几个优化WordPress中JavaScript加载体验的插件介绍
2023-11-03 12:03:08
关于Python形参打包与解包小技巧分享
2021-06-08 21:43:39
PHP封装cURL工具类与应用示例
2023-10-18 11:57:36
仿DW的图形菜单 DIV+CSS
2007-08-14 10:07:00
基于Python中的turtle绘画星星和星空
2022-10-31 08:57:41
python基于itchat实现微信群消息同步机器人
2023-08-02 03:23:51
Python statistics模块示例详解
2023-01-27 11:49:47
Go语言写入字符串到文件的方法
2024-05-21 10:21:54
给在DreamWeaver编写CSS的人一些习惯建议
2007-12-25 12:10:00