vue3建立的專案：使用者登入功能路由跳轉後又跳回了登入頁，並且路徑多個get請求問題

前提：
我使用element-plus元件後，又在網上找的普通的form表單的樣式，一通cv後。。。。程式碼如下：

登入

使用者名稱 ------------------------->看這裡我在el-form-item中用了input，原因是：我cv的程式碼他有原來的樣式，很多，本來想懶得改，直接**把el-input改成input**了---------------- <**input** v-model="loginForm.username" type="text" name="name" id="name" @focus="usernameOnFocus" @blur="usernameOnBlur" > .................下面差不多，都寫了input **先說解決方案：** **1，在el-form中新增@submit.prevent="submitForm"** submitForm是我的提交表單的請求

登入

................. **2，新增event引數** const submitForm = (**event**) => { **3， event.preventDefault(); // 阻止表單預設提交行為** loginFormRef.value.validate((valid) => { if (valid) { request({ url: '/login', method: 'POST', data: loginForm }).then(res => { if (200 == res.data.errorCode) { sessionStorage.setItem('loginUser', JSON.stringify(loginForm)) //登入成功跳轉到HomePage頁面 router.push('/') ElMessage({ message: '登入成功！', type: 'success', }) 。。。。。。。。。。。。。。。。。。。 }

總結：
如果用了element-form的話，他會把原來的form表單進行自動阻止表單預設提交行為，但是：你如果裡頭不用el-input的話他會在你自己發出請求後【axios】，再次給你發一個預設的get請求。