ElementUI 中<el-form>表单里的ref、$refs

首先看一下代码：

<el-form ref="form" :model="form" :rules="rules"  label-width="80px">

ref 属性涉及Dom 元素的获取(el-form表单对象)。

javaSrcipt 获取Dom 元素是通过：document.querySelector（".input"）获取dom元素节点 。

Vue 为简化DOM获取方法提出了ref 属性和$refs 对象。一般的操作流程是:ref 绑定控件，$refs 获取控件。

表单验证：

this.$refs[formName].validate((valid) => {
        if (valid) {}
        else{}