vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue得到一行的数据

Vue如何得到一行的数据

作者: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函数获取即可

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文