Ant Design of Vue之帶單元格編輯功能的表格EditableCell組件

需求:
表格裏面某一行或者某一個單元格可以編輯,新增一行數據,刪除一行數據,並且有校驗規則。

在這裏插入圖片描述

Ant Design裏面組件還是很強大的,但是一些細節就需要你結合所有的組件屬性來摸索了。以上需求讓我頭疼了好一陣,尤其是校驗的部分,但是寫出來後成就感滿滿呢。趕緊分享給大家。

組件實現了單行保存,批量保存。輸入同步保存。還可以自定義校驗規則哦。裏面的表單類型目前只有我用到的,小夥伴們自己可以完善的,大同小異。?

具體代碼見gitHub,小夥伴也可以clone下來看看效果。如果有更好的想法請一定告訴我哦?

gitHub:editablecell組件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章