vue el-table中使用el-select选中后无效的解决
更新时间:2022年08月09日 14:47:07 作者:youyudexiaowangzi
这篇文章主要介绍了vue el-table中使用el-select选中后无效的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
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; } },
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Vue 3 + Element Plus 封装单列控制编辑的可编辑表格
在Web应用开发中实现表格数据编辑功能至关重要,本文将详细介绍如何使用Vue3和ElementPlus库来构建一个支持单列编辑的表格组件,本教程详细阐述了组件创建过程和数据绑定机制,帮助你快速掌握Vue3中表格编辑功能的实现,感兴趣的朋友一起看看吧2024-09-09Vue3 echarts组件化及使用hook进行resize方式
这篇文章主要介绍了Vue3 echarts组件化及使用hook进行resize方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-04-04vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
这篇文章主要介绍了vue-video-player 解决微信自动全屏播放问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-02-02
最新评论