Element Plus重置表单有2个方法可以用:
- this.$refs.queryForm.resetFields()
- this.$refs[queryForm].resetFields()
今天遇到重置无效,控制台报错提示:[Form]model is required for resetFields to work.
解决方法:
- el-form上面要写
:model
而不是v-model
- 要重置数据的el-form-item上要加
prop
属性,否则无效 - el-form上的
ref
的内容是用来定位$refs
的
:model和v-model的区别:
:model
是v-bind:model
的缩写,<child :model="msg"></child>
这种只是将父组件的数据传递到了子组件,并没有实现子组件和父组件数据的双向绑定。当然引用类型除外,子组件改变引用类型的数据的话,父组件也会改变的。