element-ui 表单错误：Cannot read property 'validate' of undefined"

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 表单验证