一個(gè)頁(yè)面中有很多表單,我將各表單拆分為若干組件<form1component ref="form1component" :data="formData"></form1component><form2component ref="form2component" :data="formData"></form2component><form3component ref="form3component" :data="formData"></form3component>父組件將初始數(shù)據(jù)formData傳入,我需要拿到各個(gè)子組件填寫的form表單數(shù)據(jù),并對(duì)它們進(jìn)行校驗(yàn),再在父組件提交,this.$refs 取數(shù)據(jù)是好的方法嗎?感覺(jué)這樣寫不太優(yōu)雅save () { const form1Data = this.$refs.form1component.form1Data const form2Data = this.$refs.form2component.form2Data const form3Data = this.$refs.form3component.form3Data const form1 = this.$refs.form1component.$refs.form1 const form2 = this.$refs.form2component.$refs.form2 const form3 = this.$refs.form3component.$refs.form3 var ok1 = form1.validate() var ok2 = form2.validate() var ok3 = form3.validate() if(ok1 && ok2 && ok3) http.post(...form1Data,...form2Data,...form3Data)}
vue 父組件如果想拿到子組件數(shù)據(jù)應(yīng)該用ref嗎?
慕尼黑5688855
2019-02-11 17:22:06