亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

頁面自動刷新和注冊邏輯問題

rt,代碼如下:

<template>
??<div>
????<form?v-if="!isReg">
??????<label?for="name1">User?Name:?</label>
??????<input?type="text"?id="name1"?v-model="name"><br>
??????<label?for="pwd1">Password:?</label>
??????<input?type="password"?id="pwd1"?v-model="pwd"><br>
??????<button?@click="login()">Login</button>
??????<button?@click="reg()">register</button>
????</form>
????<form?v-else>
??????<label?for="name2">User?Name:?</label>
??????<input?type="text"?id="name2"?v-model="name"><br>
??????<label?for="pwd2">Password:?</label>
??????<input?type="password"?id="pwd2"?v-model="pwd"><br>
??????<label?for="pwda">Password?Again:?</label>
??????<input?type="password"?id="pwda"?v-model="pwda"><br>
??????<button?@click="confirm()">confirm?register</button>
??????<button?@click="cancel()">cancel?register</button>
????</form>
??</div>
</template>
login()?{
??this.$router.push('home')
},
reg()?{
??this.isReg?=?true
},
cancel()?{
??this.isReg?=?false
},
confirm()?{
??if(this.pwd?===?this.pwda?&&?this.name?!==?''?&&?this.pwd?!==?'')?{
????localStorage.setItem('name',this.name)
????localStorage.setItem('pwd',this.pwd)
????this.name?=?''
????this.pwd?=?''
????this.isReg?=?false
??}?else?{
????alert("兩次輸入不一致")
??}
}

沒有報錯,問題在于點擊任意按鈕時頁面都會自動刷新,這就導致點擊注冊時,注冊表單一閃而過刷新回登錄,此時url為localhost:8080/?,我重啟服務、瀏覽器都沒有用。

還有最后這個confirm函數,空信息注冊會彈窗,但是localstorage也會存數據,相當于兩個分支都走了一遍,有點不可思議,是我判斷的條件有問題嗎?

有點懵,還請賜教。

正在回答

2 回答

試試,button 加一個type="button"

2 回復 有任何疑惑可以回復我~
#1

絕塵kinoko 提問者

謝謝老師,問題已解決,button默認type是submit,所以會刷新。
2019-06-01 回復 有任何疑惑可以回復我~

完美解決??

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

頁面自動刷新和注冊邏輯問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號