登录切换时，数据清空

src/views/animation/anima.vue

@@ -26,7 +26,7 @@
                     <el-input v-model="userInfo.password" />
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="success" style="width:100%">登录</el-button>
+                    <el-button type="success" style="width:100%" @click="login">登录</el-button>
                 </el-form-item>
             </el-form>
         </div>
@@ -40,7 +40,7 @@
                     <el-input v-model="userInfo.password" />
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="success" style="width:100%">登录</el-button>
+                    <el-button type="success" style="width:100%" @click="login">登录</el-button>
                 </el-form-item>
             </el-form>
         </div>
@@ -52,14 +52,17 @@
 <script setup>
 import { ref, onMounted } from 'vue';
 
-const firstAnimating=ref(false);
+const firstAnimating = ref(false);
 const isAnimating = ref(false);
 const isTextAnimating = ref(false);
 const startAnimation = () => {
+
     isAnimating.value = !isAnimating.value;
     setTimeout(() => {
         isTextAnimating.value = !isTextAnimating.value;
+        userInfo.value = {}
     }, 400);
+
 }
 
 const userInfo = ref({
@@ -67,6 +70,10 @@ const userInfo = ref({
     password: '',
 });
 
+const login = () => {
+    console.log(userInfo.value);
+}
+
 
 </script>
 
@@ -84,12 +91,12 @@ const userInfo = ref({
     text-align: center;
 }
 
-.user{
+.user {
     top: 30%;
     left: 10%;
 }
 
-.admin{
+.admin {
     top: 30%;
     left: 55%;
 }