Element Plus重置表单报错:[Form]model is required for resetFields to work

Element Plus重置表单有2个方法可以用:

  • this.$refs.queryForm.resetFields()
  • this.$refs[queryForm].resetFields()

今天遇到重置无效,控制台报错提示:[Form]model is required for resetFields to work.

解决方法:

  1. el-form上面要写:model而不是v-model
  2. 要重置数据的el-form-item上要加prop属性,否则无效
  3. el-form上的ref的内容是用来定位$refs

Element Plus重置表单报错:[Form]model is required for resetFields to work

:model和v-model的区别:

:modelv-bind:model的缩写,<child :model="msg"></child>这种只是将父组件的数据传递到了子组件,并没有实现子组件和父组件数据的双向绑定。当然引用类型除外,子组件改变引用类型的数据的话,父组件也会改变的。