在vue的開發(fā)過程中，常常需要操作表格元素，比如數(shù)據(jù)的分頁呈現(xiàn)，某行數(shù)據(jù)的修改、刪除等操作，不可避免的需要操作某行數(shù)據(jù)，本文描述了這一過程
首先，我們?nèi)忠隺nt-design-vue，本文簡稱為antd，為螞蟻金服推出的一款UI組件，在main.js中添加即可 。
下面我們使用antd的表格組件，在dom元素中定義表格相關(guān)屬性及數(shù)據(jù)的來源信息等 。
dataSource為數(shù)據(jù)的來源，格式為數(shù)組，我們通過ajax的方式請(qǐng)求后臺(tái)獲取數(shù)據(jù) 。
【vue如何獲取表格某行數(shù)據(jù)】列信息需要和返回對(duì)象的屬性對(duì)應(yīng)，如果有些列不是對(duì)象的屬性，比如操作列，可以通過增加scopedSlots的方式 。
名稱為action的插槽(slot)，需要在dom元素中進(jìn)行設(shè)置，添加在a-table的子元素中 。slot-scope="text,record"中的record就是這行的數(shù)據(jù)值 。
我們通過F12進(jìn)行調(diào)試，將record的信息進(jìn)行打印，不難發(fā)現(xiàn)，record確實(shí)記錄了這行的數(shù)據(jù)信息
推薦閱讀
- 電腦更新系統(tǒng)怎么終止 電腦更新如何終止
- 生豬蹄如何處理干凈 將生豬蹄處理干凈的方法
- 男孩如何化妝
- 如何更換華為鬧鐘鈴聲 華為怎么換鬧鐘鈴聲
- 毒的購買記錄能刪嗎 毒app如何刪除購買記錄
- 女生說肚子疼男生應(yīng)該辦呢 如何安慰生病的女友呢
- iPhone11如何關(guān)閉應(yīng)用程序 蘋果11怎樣關(guān)閉應(yīng)用程序
- iPhonexr網(wǎng)速慢如何解決 iphonexr網(wǎng)絡(luò)很慢是什么原因
- 筆記本電腦如何不用wifi上網(wǎng) 筆記本電腦不用wifi怎么上網(wǎng)
- 騰訊看點(diǎn)直播如何開通 騰訊看點(diǎn)直播怎么搜直播間