el-form 的 ref

`el-form` 是 Element UI 中的一个表单组件，它提供了一种便捷的方式来组织和管理表单元素。`ref` 是 JavaScript 中的一个特殊属性，在 Vue 中用于获取 DOM 元素的引用，让你可以直接操作 DOM 或者绑定了事件处理函数。

当你在 `el-form` 上使用 `ref` 属性，例如：

<el-form :model="form" ref="formRef">
  <!-- form 内容 -->
</el-form>

然后可以在 Vue 实例中通过这个 `ref` 来访问到 `el-form` 组件对应的 DOM 对象，比如获取表单元素、设置样式、添加事件监听等：

export default {
  data() {
    return {
      form: {},
      formRef: null,
    };
  },
  mounted() {
    this.formRef = this.$refs.form; // 获取到 el-form 的引用
  },
  methods: {
    submitForm() {
      this.formRef.validate((valid) => {
        if (valid) {
          console.log('表单提交');
        } else {
          console.log('表单验证失败');
        }
      });
    }
  }
}