按鈕的防重復點擊事件

• :loading屬性
• 當loading = true時:按鈕會顯示一個旋轉的圓圈.此時的按鈕是無法點擊的
• 當loading = false時:按鈕重新變為可點擊的狀態
• 可以通過使用一個變量來控制按鈕的可點擊性,當提交時,按鈕不可點擊,提交完畢后,按鈕可以點擊

<van-button :loading="openLoading">提交</van-button>data(){return {openLoading:false},methods:{axiosRegisterUser(){this.openLoading = true;axios({url: ...,method:'post',data:{userName: this.username,password: this.password}}).then(response=>{if(success){// 跳到首頁this.$router.push('/')} else{Toast.fail('注冊失敗');this.openLoading = false;}})}} }

總結

以上是生活随笔為你收集整理的vue --- 按钮的防重复点击事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。