🐞 fix: 注册页面优化

src/App.vue

@@ -41,7 +41,7 @@
         </el-form>
       </el-tab-pane>
       <el-tab-pane label="注册" name="register">
-        <el-form ref="loginFormRef" :model="registerFormData" :rules="loginFormRules">
+        <el-form ref="registerFormRef" :model="registerFormData" :rules="registerFormRules">
           <el-form-item prop="username">
             <el-input placeholder="请输入注册用户名" v-model="registerFormData.username">
               <template #prepend>
@@ -113,7 +113,20 @@ const registerFormData = reactive({
 const registerFormRules = reactive<FormRules<typeof registerFormData>>({
   username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
   password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
-  confirmPassword: [{ required: true, message: '请输入密码', trigger: 'blur' }]
+  confirmPassword: [
+    {
+      required: true,
+      message: '请输入密码',
+      trigger: 'blur',
+      validator(...[, value, callback]) {
+        if (value !== registerFormData.password) {
+          callback(new Error('密码不一致'));
+        } else {
+          callback();
+        }
+      }
+    }
+  ]
 });
 async function submitForm() {
   try {