Good day programmers. I just wanna ask for help about my inertia vue 3 project little bit of typeScript. I have a create and update button with modal, now I made just one form(modal) for both of them and I use this.$inertia.form for storing and retrieving data, now my problem is that I cant seem to reset the form whenever I close the modal when I go first in editModal(display data) to createModal()- It still displayed the data in createModal() form, I tried the this.form.reset() in closeModal function but doesnt work. I know its kinda basic for you guys this kinda problem but I appreciate your answer Thanks.
data(){
form: this.$inertia.form({
firstName: '',
lastName: '',
gender: 'Male',
})}
methods:{
editModal(rider: Rider) {
this.form = this.$inertia.form(rider);
//when assigning this.form to rider object, it cannot
be reset!
this.showModal = true;
this.editMode = true;
},
createModal(){
this.showModal = true;
},
closeModal() {
this.showModal = false;
this.editMode = false;
this.form.reset();
},
}
Top comments (0)