sethsandaru / vue-form-builder

Super Form Builder built on top of Vue with Drag & Drop functionality, savable-form-schema and easy to maintain/upgrade your form.
http://vue-form-builder.sethphat.com
MIT License
414 stars 129 forks source link

Unable to load data submitted data on formRenderer using v-model #73

Open abhimanusharma opened 3 years ago

abhimanusharma commented 3 years ago

Hi,

my formInputData = { "test": "test value" }

This is my render html

<FormRenderer v-if="formData && formInputData" v-model="formInputData" :form-configuration="formData" />

Form render is opening but previous submitted data is not populating on the fileds.

jomellelastrilla commented 3 years ago

same problem here? any solution in this one?

abhimanusharma commented 3 years ago

unable to pre populate data on formrenderer.

jomellelastrilla commented 3 years ago

will follow this. I have the same problem. checking on FormRenderer props it's removing the values on the v-model when binded. =(

Welfordian commented 3 years ago

Any followup on this? I'm having the same problem.

abhimanusharma commented 3 years ago

@sethsandaru bro what's the plan on this with new release?

sethsandaru commented 3 years ago

@abhimanusharma hey, long time, is the problem still around? I didn't get that. Could you please provide the steps to reproduce with your configuration? Thanks

abhimanusharma commented 3 years ago

Sure will do it.

araromirichard commented 3 years ago

any update this @abhimanusharma @sethsandaru ???

sethsandaru commented 3 years ago

@karosaxy could you share your problem?

araromirichard commented 2 years ago

how do we submit the formInputData

spandana-priya1997 commented 2 years ago

Facing the same problem.Please look into this issue.

araromirichard commented 2 years ago

sad that up till now, no response on this issue

tommykamkcm commented 2 years ago

@araromirichard I guess you need to make sure the formData is fully loaded before loading the formInputData let's try the following and see if it works for you! (btw, it works for me)

...
async mounted() {
    await this.getFormData(); // which does `this.formData = { ... }`
    await this.getFormInputData(); // which does `this.formInputData = { ... }`
},
...