1.ref 加在普通的元素上,用this.$refs.refName 获取到的是dom元素
2.ref 加在子组件上,用this.$refs.refName 获取到的是组件实例,可以使用组件的所有方法。
<el-form :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left" label-width="0px"
class="demo-ruleForm login-container">
this.$refs.loginForm.validate((valid) => {
如上图所示,可以用ref 和 $refs来做表单校验。