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)

在VueJs表单生成器中重置表单

1 个答案: