【vue如何獲取表格某行數(shù)據(jù) vue獲取mysql數(shù)據(jù)庫(kù)表】在vue的開(kāi)發(fā)過(guò)程中，常常需要操作表格元素，比如數(shù)據(jù)的分頁(yè)呈現(xiàn)，某行數(shù)據(jù)的修改、刪除等操作，不可避免的需要操作某行數(shù)據(jù)，本文描述了這一過(guò)程
首先，我們?nèi)忠隺nt-design-vue，本文簡(jiǎn)稱(chēng)為antd，為螞蟻金服推出的一款UI組件，在main.js中添加即可 。
下面我們使用antd的表格組件，在dom元素中定義表格相關(guān)屬性及數(shù)據(jù)的來(lái)源信息等 。
dataSource為數(shù)據(jù)的來(lái)源，格式為數(shù)組，我們通過(guò)ajax的方式請(qǐng)求后臺(tái)獲取數(shù)據(jù) 。
列信息需要和返回對(duì)象的屬性對(duì)應(yīng)，如果有些列不是對(duì)象的屬性，比如操作列，可以通過(guò)增加scopedSlots的方式 。
名稱(chēng)為action的插槽(slot)，需要在dom元素中進(jìn)行設(shè)置，添加在a-table的子元素中 。slot-scope="text,record"中的record就是這行的數(shù)據(jù)值 。
我們通過(guò)F12進(jìn)行調(diào)試，將record的信息進(jìn)行打印，不難發(fā)現(xiàn)，record確實(shí)記錄了這行的數(shù)據(jù)信息
相關(guān)經(jīng)驗(yàn)推薦
- 翡翠如何鑒別abc貨 翡翠怎么鑒別abc貨
- 網(wǎng)上如何幫父母交社保 幫父母交社保怎么辦理
- Vivo手機(jī)怎樣顛倒屏幕? vivo手機(jī)如何顛倒屏幕
- 如何在steam上玩apex 如何在steam上玩游戲
- 王者榮耀如何設(shè)置屏蔽歷史戰(zhàn)績(jī)信息 王者榮耀如何設(shè)置屏蔽歷史戰(zhàn)績(jī)
- 夏季如何保存韭菜 如何保存韭菜
- 常見(jiàn)方法 二甲戊靈出苗后能用嗎，藥害如何補(bǔ)救
- 如何制作個(gè)性微信頭像 怎樣制作自己微信頭像
- 集成吊頂燈如何拆卸 集成吊頂燈拆卸技巧有哪些
- 中國(guó)移動(dòng)怎么續(xù)寬帶費(fèi) 中國(guó)移動(dòng)app如何給寬帶續(xù)費(fèi)