国产精品吹潮在线播放,日韩一区二区三区在线播放,啊级免费黄片视频,66av视频

在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的方式請求后臺獲取數(shù)據(jù)。

列信息需要和返回對象的屬性對應(yīng)，如果有些列不是對象的屬性，比如操作列，可以通過增加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ù)據(jù)信息