Vue 表单验证报错 -- Cannot read property 'validate' of undefined
把下面的$refs和表单ref名字保持一致就行了。ref="loginForm"this.$refs.loginForm.validate(valid => {})
·
把下面的$refs和表单ref名字保持一致就行了。
ref="loginForm"
this.$refs.loginForm.validate(valid => { })
如果关闭 dialog 弹窗,表单验证还在?
给 dialog 添加 before-close 事件,
<el-dialog :title="templateTitel" :visible.sync="dialogTableVisible" width="480px" lable-width: :before-close="closeDialog">
<el-form :model="uploadTemplate" :rules="templateRule" ref="uploadTemplate">
<el-form-item label="模板名称" prop="name" class="form_item">
<el-input clearable v-model="uploadTemplate.name" size="small" placeholder="请输入模板名称" style="width:100%"></el-input>
</el-form-item>
<div slot="footer" class="dialog-footer">
<el-button @click="closeDialog">取 消</el-button>
<el-button type="primary" @click="saveTemplate()">确 定</el-button>
</div>
</el-form>
</el-dialog>
methods: {
closeDialog(){
this.$refs.uploadTemplate.resetFields();
this.dialogTableVisible = false;
},
}
更多推荐
已为社区贡献7条内容
所有评论(0)