Vue如何得到一行的數(shù)據(jù)
更新時(shí)間：2025年08月12日 14:40:11 作者：22:30Plane-Moon
在Vue中,rows為Object數(shù)組,直接使用rows[0]即可獲取單行數(shù)據(jù),無需調(diào)用getById；修改數(shù)據(jù)時(shí)可用toRaw避免重復(fù)查詢,提升效率
Vue得到一行的數(shù)據(jù)
保存數(shù)據(jù)
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"
>
獲取行的數(shù)據(jù)
let rows = tblRef.value.getSelectionRows();
因?yàn)榈玫降膔ows其實(shí)是多個(gè)數(shù)組，因此這里查看的是rows[0]，可以知道得到是一個(gè)Object數(shù)組，所以就能直接用，不用寫getById這個(gè)后端函數(shù)了，其實(shí)想想就能知道，已經(jīng)獲取全部數(shù)據(jù)了，為什么修改某項(xiàng)還要查一邊呢，不用的，通過toRaw函數(shù)獲取即可
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue子組件內(nèi)的props對象參數(shù)配置方法
這篇文章主要介紹了?Vue?子組件內(nèi)的??props?對象里的?default?參數(shù)是如何定義Array、?Object?、或?Function?默認(rèn)值的正確寫法說明，感興趣的朋友跟隨小編一起看看吧2022-08-08
Vue監(jiān)聽一個(gè)數(shù)組id是否與另一個(gè)數(shù)組id相同的方法
今天小編就為大家分享一篇Vue監(jiān)聽一個(gè)數(shù)組id是否與另一個(gè)數(shù)組id相同的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue實(shí)現(xiàn)下拉框二級聯(lián)動效果的實(shí)例代碼
這篇文章主要介紹了vue實(shí)現(xiàn)下拉框二級聯(lián)動效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-11-11
vue點(diǎn)擊Dashboard不同內(nèi)容 跳轉(zhuǎn)到同一表格的實(shí)例
這篇文章主要介紹了vue點(diǎn)擊Dashboard不同內(nèi)容 跳轉(zhuǎn)到同一表格的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
解決ElementUI中tooltip出現(xiàn)無法顯示的問題
這篇文章主要介紹了解決ElementUI中tooltip出現(xiàn)無法顯示的問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了vue 子組件修改data或調(diào)用操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
vue3使用vue-i18n的方法詳解(ts中使用$t,?vue3不用this)
所謂的vue-i18n國際化方案就是根據(jù)它的規(guī)則自己建立一套語言字典,對于每一個(gè)字（message）都有一個(gè)統(tǒng)一的標(biāo)識符,下面這篇文章主要給大家介紹了關(guān)于vue3使用vue-i18n(ts中使用$t,?vue3不用this)的相關(guān)資料,需要的朋友可以參考下2022-12-12
vue實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)及滾動監(jiān)聽的方法
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)及滾動監(jiān)聽的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Vue 路由切換時(shí)頁面內(nèi)容沒有重新加載的解決方法
今天小編就為大家分享一篇Vue 路由切換時(shí)頁面內(nèi)容沒有重新加載的解決方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
在vue中使用vue-echarts-v3的實(shí)例代碼
這篇文章主要介紹了在vue中使用vue-echarts-v3的實(shí)例代碼，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09