Element UI / Vue -- ref $refs

 javasrcipt 是如何获取Dom 元素是通过：document.querySelector（".input"）获取dom元素节点 。Vue 为简化DOM获取方法提出了ref 属性和$refs 对象。

一般的操作流程是:ref 绑定控件，$refs 获取控件。

ref 绑定控件：
<el-form ref="form" :model="form" :rules="rules"  label-width="80px">

$refs 获取控件：

     methods: {
          onSubmit(formName) {
           this.$refs[formName].validate((valid) => {
            if (valid) {
                alert('验证成功!');
            } else {
                console.log('error submit!!');
                return false;
            }
            });
          },
          resetForm(formName) {
            this.$refs[formName].resetFields();
          }
        }
链接：https://blog.csdn.net/zhouzhiwengang/article/details/108301885

 

 

 

 https://blog.csdn.net/BellaShang/article/details/123235302