vue如何獲取表格某行數據

在vue的開發過程中，常常需要操作表格元素，比如數據的分頁呈現，某行數據的修改、刪除等操作，不可避免的需要操作某行數據，本文描述了這一過程。首先，我們全局引入ant-design-vue，本文簡稱為antd，為螞蟻金服推出的一款UI組件，在main.js中添加即可。dataSource為數據的來源，格式為數組，我們通過ajax的方式請求后臺獲取數據。列信息需要和返回對象的屬性對應，如果有些列不是對象的屬性，比如操作列，可以通過增加scopedSlots的方式。名稱為action的插槽(slot)，需要在dom元素中進行設置，添加在a-table的子元素中。slot-scope=text，record中的record就是這行的數據值。

推薦度：

點擊下載本文 文檔為doc格式

導讀在vue的開發過程中，常常需要操作表格元素，比如數據的分頁呈現，某行數據的修改、刪除等操作，不可避免的需要操作某行數據，本文描述了這一過程。首先，我們全局引入ant-design-vue，本文簡稱為antd，為螞蟻金服推出的一款UI組件，在main.js中添加即可。dataSource為數據的來源，格式為數組，我們通過ajax的方式請求后臺獲取數據。列信息需要和返回對象的屬性對應，如果有些列不是對象的屬性，比如操作列，可以通過增加scopedSlots的方式。名稱為action的插槽(slot)，需要在dom元素中進行設置，添加在a-table的子元素中。slot-scope=text，record中的record就是這行的數據值。