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


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

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

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

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

gitHub:editablecell組件


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM