Сброс формы в VueJs Form Generator

Question

У меня есть динамическая форма, использующая генератор форм VueJs, с помощью простой кнопки, такой как textBox или текстовая область, я обновляю массив модели и массив схем и использую его следующим образом:

var fromControlRules = new Vue({
    el: '#form',
    components: {
        "vue-form-generator": VueFormGenerator.component
    },
    data() {
        return {
            model: {
                model: formModel (//array of model)
            },
            schema: {
                fields: formSchema (//array of schema)
            },
            formOptions: {
                validateAfterLoad: true,
                validateAfterChanged: true
            }
        }
    },

'formSchema' такая,

formSchema = [
{
  type: "input",
    inputType: "text",
    label: "Name of the field",
    model: "name"
},
{
    type: "input",
    inputType: "text",
    label: "Type of the field",
    model: "type"
}];

При отправке или отмене модальной формы я хочу очистить модель, но этого не происходит, когда я вижу форму, поля все еще там. Дайте мне знать, как я могу сбросить форму, поэтому, возможно, я смогу создать новую форму, на этот раз, возможно, с полями даты и выпадающими списками вместо текстовых полей.

Answer 1

UPD: вам не нужно использовать Vue.set, попробуйте вместо этого:

formSchema.splice(0, formSchema.length)