本篇文章帶大家了解一下Vue + ElementUI進(jìn)行超大表單處理的方法,希望對大家有所幫助!
最近公司由于業(yè)務(wù)的調(diào)整,之前的超長表單的邏輯改動較多,所以我就打算重構(gòu)了(之前是一個(gè)已離職的后臺寫的,也沒有注釋,一個(gè)組件寫了4000+行,實(shí)在有心無力)。為了各位方便閱讀,我這里把項(xiàng)目里拆分了14個(gè)組件
進(jìn)行了精簡。
整體思路
- 大表單根據(jù)業(yè)務(wù)模塊進(jìn)行拆分
- 保存時(shí)使用
el-form
提供的validate
方法進(jìn)行校驗(yàn)(循環(huán)對每一個(gè)拆分的組件進(jìn)行校驗(yàn)) - mixin 對每個(gè)組件的公共提取(也利于后期項(xiàng)目的維護(hù))
【