Error in event handler for "click": "TypeError: Cannot read property 'validate' of undefined"
解决方案:
<el-form :model="addform" ref="addform" :rules="myrules">
。。。
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="abrogateAdd('addform')">取 消</el-button>
<el-button type="primary" @click="confirmAdd('addform')" :loading="loading">确 定</el-button>
</div>
通常 Cannot read property 'validate' of undefined ,一般情况是提交的 click 事件中, 传参没有带引号导致的,只需 confirmAdd('addform') 即可。
但是添加了 confirmAdd('addform')之后,依然还是显示那个问题。
终于发现 form 表单中 ref 居然绑定的是 变量,而非表单名称(字符串)。
这么大的坑,记录一下。
element-ui 表单验证