2、表单项 el-form-item 没有添加 prop 属性,同时 prop 属性值需与表单项的 v-model 保持一致 3、resetFields() 是将表单项重置为初始值,而这个初始值是在 Vue mounted 时赋值上去的,如果在这之前对表单进行了赋值,则初始值会改变(例如 created 时),那么后面调用 resetFields() 则不会生效(不会是定义时的...
使用this.$ref[‘form‘] .resetFields()无法重置表单项 原因: 1.没有给表单添加ref属性 <el-form ref="form"></el-form> 1. 2.表单项el-form-item没有添加prop属性,prop属性需要与input框绑定的属性一致 <el-form ref="form" :model="sizeForm" label-width="80px" size="mini"> <el-form-item ...
this.$refs['form'].resetFields(); 方法无法重置。 1 el-form 组件 没有添加 ref 属性 <el-formref="form":model="form"> </el-from> 2 el-form-item 组件没有添加 prop 属性 <el-form-item prop="name"> <el-input v-model.trim="form.name"></el-input> </el-form> 同时,data中也要先...
element-ui的官方文档: 当我们第一次打开Dialog,紧接着设置回显,因为Dialog还没执行完毕,这时form的初始值会被设置为回显的值,所以在调用this.$ref['form'] .resetFields()时form看起来没有重置。 解决: 在设置回显值的时候,不要直接赋值,在外边加上setTimeout或者this.$nextTicknextTick的官方解释 eidt:function...
官方解释: 想要resetFields()生效的两个条件: el-form要设置ref属性,且ref的值与this.$refs[form].resetFields()中的fo...
this.$ref[‘queryForm’].resetFields()//其中queryForm是表单绑定的ref属性值 没有给表单绑定ref属性 <el-form:model="queryParams"ref="queryForm"></el-form> 没有给表单项绑定prop属性 <el-form:model="queryParams"ref="queryForm"><el-form-itemlabel="序号"prop="number"><el-inputv-model="queryP...
><elinput></el-form-item><el-form-item label="部门:"prop="deptName"><el-input v-model=placeholder="请输入部门名称"clearable></el-input></el-form-item> 之所以最初this.$refs[formName].resetFields()没有效果,是因为遗漏了prop属性,加上prop属性后就会生效!!!
我在一个弹框里有一个form表单,用于增加页面内容。点击取消按钮本身form里的内容都清空才对。使用了this.$refs['addServiceForm'].resetFields()不起作用。console出来console.log(this.$refs['addServiceForm'].resetFields());居然是undefined。 <el-dialog title="新建服务" :visible.sync="addServiceDialogVisib...
resetForm(formName){ this.$refs[formName].resetFields(); }, removeDomain(item){ varindex=this.dynamicValidateForm.domains.indexOf(item) if(index!==-1){ this.dynamicValidateForm.domains.splice(index,1) } }, addDomain(){ this.dynamicValidateForm.domains.push({ ...
this.$refs[formData].resetFields();但是直接这样写上去⽅法是不起作⽤的，内容必须要在每个form-item上prop属性，并且与你v-model的值相同才可以⽣效 例如:iview代码段：<Modal v-model="showDialog" :title="modalTitle" :mask-closable="false"> <Form ref="formData" :model="formData" :rules="...