tft每日頭條

 > 知識

 > vue如何獲取表格某行數據

vue如何獲取表格某行數據

知識 更新时间:2024-11-20 13:40:21

  在vue的開發過程中,常常需要操作表格元素,比如數據的分頁呈現,某行數據的修改、删除等操作,不可避免的需要操作某行數據,本文描述了這一過程

  首先,我們全局引入ant-design-vue,本文簡稱為antd,為螞蟻金服推出的一款UI組件,在main.js中添加即可。

  下面我們使用antd的表格組件,在dom元素中定義表格相關屬性及數據的來源信息等。

  dataSource為數據的來源,格式為數組,我們通過ajax的方式請求後台獲取數據。

  列信息需要和返回對象的屬性對應,如果有些列不是對象的屬性,比如操作列,可以通過增加scopedSlots的方式。

  名稱為action的插槽(slot),需要在dom元素中進行設置,添加在a-table的子元素中。slot-scope="text,record"中的record就是這行的數據值。

  我們通過F12進行調試,将record的信息進行打印,不難發現,record确實記錄了這行的數據信息

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关知識资讯推荐

热门知識资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved