Cannot update data in view after put request because data gets reset after successful submission

I have a form with a single text field named content. Let’s say it’s default value is “Taylor”. And then I type into the field and change it’s value to “Jeffrey”. After a successful put request, I want to emit the updated value (which is Jeffrey) to the parent to reflect the change in the view.

onUpdateQuote() {

	// At this point in the code, the value of this.form.content is "Jeffrey"
	// since I typed into the form and changed it
	console.log('before ajax request: ' + this.form.content);

	this.form.put(appUrl.api('/quote/update/' + this.qt.id).withToken())
	.then(response => {

		// However, upon success, the value of this.form.content goes back to "Taylor"
		// I wish to send the updated value "Jeffrey" via $emit
		// but I can't because it has been reset
		console.log('after ajax request: ' + this.form.content);

		this.editing = false;
		this.$emit('quoteUpdated', {
			id: this.qt.id,
			content: this.form.content
		});
		// this.$store.commit('setAlert', response.message);
	})
	.catch(error => console.log(error));
}

Is this actually the intended behavior?

EDIT: I saw this in the code so I guess it was intended. What if you make it so that put requests don’t execute a form reset? Are there any cases where it would cause problems?

onSuccess() {
	this.reset();
}

[raniesantos]

Just a follow-up idea, since the Form constructor currently only takes form data as the first and only parameter, maybe it can have a second optional parameter to take in certain options (just like most javascript libraries, except in this case the options are the 2nd parameter) such as setting the reset behavior to false.

data() {
    return {
        form: new Form({
            firstname: '',
            lastname: '',
            location: ''
        }, {
            reset: false
        })
    }
},

[sebastiandedeyne]

I added an options parameter in 1.5.0.

const form = new Form(fields, { resetOnSuccess: false });