vue前端使用refs的具体实例

案例 1：表单验证（Element UI）template el-form ref="registerForm" :model="form" :rules="rules" el-form-item prop="username" el-input v-model="form.username" placeholder="用户名"/el-input /el-form-item el-form-item prop="password" el-input v-model="form.password" type="password" placeholder="密码"/el-input /el-form-item el-button @click="submitForm"提交/el-button /el-form /template script export default { data() { return { form: { username: '', password: '' }, rules: { username: [{ required: true, message: '请输入用户名', trigger: 'blur' }], password: [{ required: true, message: '请输入密码', trigger: 'blur'