Vue.js 在VueJs表单生成器中重置表单

我有一个使用VueJs form generator的动态表单，使用像textBox或text area这样的简单按钮，我更新了模型数组和模式数组，并像这样使用它

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 = [
{
  type: "input",
    inputType: "text",
    label: "Name of the field",
    model: "name"
},
{
    type: "input",
    inputType: "text",
    label: "Type of the field",
    model: "type"
}];

“formSchema”是这样的

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 = [
{
  type: "input",
    inputType: "text",
    label: "Name of the field",
    model: "name"
},
{
    type: "input",
    inputType: "text",
    label: "Type of the field",
    model: "type"
}];

在提交或取消模式表单时，我希望清除模型，但当我看到表单字段仍然存在时，就不会发生这种情况。

---

让我知道如何重置表单，以便我可以创建一个新表单，这次可能使用日期字段和下拉列表而不是文本框。

UPD:您不需要使用

Vue.set

，请尝试以下操作：

---

formSchema.splice（0，formSchema.length）

如何清除模型？因为它本质上是被动的，所以我尝试了formSchema=[]；但那没用。它不会删除字段。它还保留键入的值。感谢您的回答，我将尝试一下。