How do you reset the formData when submission to the database is successful? about quasar-ui-easy-forms HOT 7 CLOSED

For example I'd like to be able to attach an @click event to a built in button in the Template so I can call a method which has access to this eg:

<EasyForm @cancel="myCancelMethod">

and I'd like access to value and context there if I needed them

from quasar-ui-easy-forms.

Hi @fergusmeiklejohn
you can do this:

<EasyForm :key="counter" />

and

return default {
  data () { return { counter: 0 } }
}

Then if you increment the counter, the form is re-loaded and therefore reset. :)
I should add this to the docs!! Thanks for that.

Incrementing the counter doesnt work. The form data remains as it is.

sry

forget to clear the form model. After that the counter incrementing clears the fields.

from quasar-ui-easy-forms.

Hi @fergusmeiklejohn
you can do this:

<EasyForm :key="counter" />

and

return default {
  data () { return { counter: 0 } }
}

Then if you increment the counter, the form is re-loaded and therefore reset. :)

I should add this to the docs!! Thanks for that.

from quasar-ui-easy-forms.

ah that's clever! :-)

I've been trying this out in my app over the last two days and I really like it. Lots of power there. I feel like the API isn't quite perfect yet. I wonder if Vue3 will solve some of this? I really don't know Vue3 yet so can't comment, but I wonder if the composition API will help a common problem I had accessing methods and computed properties as I usually would to handle things in Vue2.
I feel like you need more abstraction for most common tasks, like resetting the form for example, while more flexibility to do what we want to do.. this is so difficult of course.
I also think more functionality around validation would be a selling point and generally delivering more difficult functionality with a simple API would be very useful.

from quasar-ui-easy-forms.

You can do already what you want!
Is it possible we chat on discord? It'll be easier to understand each other and I can then add examples to the docs of all the things you try to do.

_{Sent with GitHawk}

from quasar-ui-easy-forms.

Hi @fergusmeiklejohn
you can do this:

<EasyForm :key="counter" />

and

return default {
  data () { return { counter: 0 } }
}

Then if you increment the counter, the form is re-loaded and therefore reset. :)

I should add this to the docs!! Thanks for that.

Incrementing the counter doesnt work. The form data remains as it is.

from quasar-ui-easy-forms.

The new version Blitzar has dedicated documentation on resetting the form data!

See #43

from quasar-ui-easy-forms.