element el-table resetfields() 不生效

问题场景

表单中的重置按钮，调用了resetfields() 方法，不生效

问题原因

结合文档对照后，发现是没有为el-form-item设置prop字段

总结

想让resetfields()生效有2个前提：

• form要设置ref，且ref值要与 this.$refs[formName].resetFields()中的foemName一致
• el-form-item上设置prop字段，表单rule验证和resetfields() 清理的都是prop绑定的字段

注：this.$refs[formName].resetFields()只是将查询条件初始化，所以在初始化时绑定什么值就还是什么值，并不是全部置为空。

 
    
       
           input
              placeholder='输入关键字'
              prefix-icon='el-icon-search'
              v-model='formList.inputSearch'
              style="width: 100%;" clearable>
           
         
     
     
         
             picker
                v-model="formList.endDate"
                type="date"
                placeholder="选择日期"
                value-format="yyyy-MM-dd"
                style="width: 100%;"
                :picker-options='pickerOptions'>
             
          
     
     
         
              
                  option
                      v-for='select in selects'
                      :key='select.value'
                      :label='select.label'
                      :value='select.value'>
                   
               
          
      
      
          
               重置
               查询
          
      

 data () {
      return {
         formList: {
             inputSearch: '',                   
             endDate: '',
              isUpToDate: ''                     
         }
      };
   },
 methods: {
    resetForm (formName) {
       this.$refs[formName].resetFields();
   }
}