登录切换时，数据清空

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>
@@ -56,10 +56,13 @@ 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>