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 子组件内的 props 对象里的 default 参数是如何定义Array、 Object 、或 Function 默认值的正确写法说明，感兴趣的朋友跟随小编一起看看吧2022-08-08
今天小编就为大家分享一篇Vue监听一个数组id是否与另一个数组id相同的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了vue实现下拉框二级联动效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-11-11
这篇文章主要介绍了vue点击Dashboard不同内容 跳转到同一表格的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了解决ElementUI中tooltip出现无法显示的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了vue 子组件修改data或调用操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
vue3使用vue-i18n的方法详解(ts中使用$t, vue3不用this)
所谓的vue-i18n国际化方案就是根据它的规则自己建立一套语言字典,对于每一个字（message）都有一个统一的标识符,下面这篇文章主要给大家介绍了关于vue3使用vue-i18n(ts中使用$t, vue3不用this)的相关资料,需要的朋友可以参考下2022-12-12
这篇文章主要为大家详细介绍了vue实现锚点跳转及滚动监听的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
今天小编就为大家分享一篇Vue 路由切换时页面内容没有重新加载的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了在vue中使用vue-echarts-v3的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-09-09
最新评论