element ui 打开弹框表单校验问题

        <el-dialog
		  title="编辑"
		  :visible.sync="centerDialogVisible"
		  width="70%"
		  center
		  @close="closeDialog"
		  >
		  <div>
		  	<el-form :model="ruleForm2" :rules="rules" ref="ruleForm2" label-width="145px" class=" demo-form-inline" :inline='true' >
  			<el-form-item label="是否在岗" prop="isOrganization" required>
		  				<el-radio-group v-model="ruleForm2.isOrganization" style="width: 260px;" >
		  				      <el-radio :label="0">在岗</el-radio>
		  				      <el-radio :label="1">不在岗</el-radio>
		  				</el-radio-group>
		  			</el-form-item>
                </el-form>
            </el-dialog>
	    methods: {
	    	closeDialog(){
	    		this.$refs.ruleForm2.resetFields()
	    	},
          }

主要原因是上次关闭弹框时未初始化表单未清除验证;故所在关闭弹框的时候resetFields一下

猜你喜欢

转载自blog.csdn.net/meetlunay/article/details/93720106
今日推荐