If you have a form with bound fields, then as you change the fields then the model will be changing. Suppose you want to cancel out of these changes.
In the component define a method to call when you initialise the form.
methods {
InitForm: function (row) {
this.validationerrors = [];
// Keep track of the original row information, to allow us to cancel
this._beforeEditingCache = Object.assign({}, row);
this.row = row;
}
}
I’ll explain the validationerrors array in a future post.
So when we’re initialising the form we store the pre edited data in _beforeEditingCache.
Then if we call the cancel method we just put the data back
methods: {
cancel() {
// Return the row back to it’s previous state
Object.assign(this.row, this._beforeEditingCache);
this.$emit('cancel_edit_mode');
}
}