Vue+ElementUI怎么處理超大表單

本篇文章帶大家了解一下Vue + ElementUI進(jìn)行超大表單處理的方法，希望對(duì)大家有所幫助！

最近公司由于業(yè)務(wù)的調(diào)整，之前的超長表單的邏輯改動(dòng)較多，所以我就打算重構(gòu)了（之前是一個(gè)已離職的后臺(tái)寫的，也沒有注釋，一個(gè)組件寫了4000+行，實(shí)在有心無力）。為了各位方便閱讀，我這里把項(xiàng)目里拆分了14個(gè)組件進(jìn)行了精簡。

整體思路

• 大表單根據(jù)業(yè)務(wù)模塊進(jìn)行拆分
• 保存時(shí)使用el-form提供的validate方法進(jìn)行校驗(yàn)(循環(huán)對(duì)每一個(gè)拆分的組件進(jìn)行校驗(yàn))
• mixin 對(duì)每個(gè)組件的公共提取(也利于后期項(xiàng)目的維護(hù))

【