Vue如何得到一行的数据
更新时间：2025年08月12日 14:40:11 作者：22:30Plane-Moon
在Vue中,rows为Object数组,直接使用rows[0]即可获取单行数据,无需调用getById；修改数据时可用toRaw避免重复查询,提升效率
Vue得到一行的数据
保存数据
let tblRef = ref()
function tblRowClick(row) {
tblRef.value.toggleRowSelection(row)
}
<el-table
:data="members"
stripe
border
class="data-grid"
ref="tblRef"
height="100%"
@row-click="tblRowClick"
>
获取行的数据
let rows = tblRef.value.getSelectionRows();
因为得到的rows其实是多个数组，因此这里查看的是rows[0]，可以知道得到是一个Object数组，所以就能直接用，不用写getById这个后端函数了，其实想想就能知道，已经获取全部数据了，为什么修改某项还要查一边呢，不用的，通过toRaw函数获取即可
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue商城中商品“筛选器”功能的实现，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
这篇文章主要为大家详细介绍了vue实现图片拖动排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了vue element-ul实现展开和收起功能的实例代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-11-11
文章介绍了如何使用Node.js搭建Vue工程,并对Vue工程目录进行了详细解读,包括各种文件夹和文件的作用,此外,还讲解了如何设置网页标题和全局样式,以及如何配置路由,感兴趣的朋友一起看看吧2025-03-03
这篇文章主要介绍了Vue 动画效果、过渡效果,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
这篇文章主要介绍了Vue.js项目实战之多语种网站（租车）的功能实现 ,需要的朋友可以参考下2019-08-08
今天小编就为大家分享一篇vue 实现移动端键盘搜索事件监听，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
vue.js中created方法是一个生命周期钩子函数，一般可以在created函数中调用ajax获取页面初始化所需的数据，这篇文章主要介绍了Vue中created和mounted使用场景分析,需要的朋友可以参考下2023-05-05
main.js是项目的入口文件，项目中所有的页面都会加载main.js，本文主要介绍了vue项目main.js配置及使用方法，非常具有实用价值，需要的朋友可以参考下2023-05-05
vue element Cascader级联选择器解决最后一级显示空白问题
这篇文章主要介绍了vue element Cascader级联选择器解决最后一级显示空白问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
最新评论