最近做项目,需要实现一个功能,就是点击新增按钮实现弹框,弹框里面是表单,点击保存的时候对表单进行验证,这样一个功能一点一点的去实现很简单,但是聚合在一起嫩是花了我半天时间,最终实现了这个功能,我也会把我做的过程中的错误贴出来,并写上解决办法(只是我的代码出现的问题)
'Error in event handler for “click”: “TypeError: Cannot read property ‘validate’ of undefined”',
我百度这个问题花了好久好久,虽然网上也有很多和我一样遇到这个问题的朋友,但是,千篇一律都写得是这样的解决办法:
<el-button type="primary" @click="Submit('form')">登录</el-button>
@click="Submit()"参数没有加单引号,
或者是说ref的和refs的名字要一致
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px" class="demo-ruleForm" :label-position="labelPosition">
submitForm(ruleForm) {
this.$refs[ruleForm].validate((valid) => {