问题:使用element-ui 的 el-form组件的重置后 ,输入框和下拉框等组件不能输入内容,点击查询后才显示输入的内容。
/** 重置 */
resetQuery() {
this.resetForm("detailQueryForm"); // 重置
this.handleQuery(); // 查询列表
},
原因:el-form的formData如果没有设置默认值的话就是一个空对象,清空后再次输入就会无法及时挂载到dom上。
解决办法:表单的formData在初始时赋值空字符串就可以了。
data() {
return {
formData: {
pageNum: 1,
pageSize: 10,
area: '',
batch: '',
severType: '',
companyName: '',
}
}
}