vant?toast?關閉棧溢出問題及解決
vant toast 關閉棧溢出
開發(fā)中有這樣一個常見場景。在發(fā)送某個異步請求以后,需要給出一個提示,提示停頓一定時間以后再路由跳轉至其他頁面。
vant的toast中有這樣一個方法
最初的寫法是這樣的:
而這也是才坑所在。然后你會看到:
死循環(huán)。棧溢出了。
解決的辦法
?let?toast?=?Toast({message:"提交成功",type:"success"}) ?setTimeout(()=>{ ?? ? ? ? ? toast.clear() ?? ? ? ? ? self.$router.push('/confirmPayment') ??},1000)
vue 使用vant踩坑記
問題1
表單使用 <van-field></van-field>在頁面中只引入Form還是會報錯
問題2
表單使用用表單自帶的提交@submit,如果表單里面有一個其他業(yè)務邏輯的按鈕不做提交操作,比如發(fā)送驗證碼會驗證表單中輸入框的驗證
解決方法
第一個問題要在main.js中引入
import { ?? ?field } from 'vant' Vue.use(field)
第二個問題 button中添加代碼native-type=“button”
<van-button size="small" type="info" native-type="button">發(fā)送驗證碼</van-button>
以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
vue如何在style標簽中使用變量(數(shù)據(jù))詳解
在我們編寫css樣式中是不能直接使用vue data中的變量的,下面這篇文章主要給大家介紹了關于vue如何在style標簽中使用變量(數(shù)據(jù))的相關資料,需要的朋友可以參考下2022-09-09基于Vue3.0開發(fā)輕量級手機端彈框組件V3Popup的場景分析
這篇文章主要介紹了基于Vue3.0開發(fā)輕量級手機端彈框組件V3Popup,本文通過場景分析給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-12-12Vue服務端渲染和Vue瀏覽器端渲染的性能對比(實例PK )
這篇文章主要介紹了Vue服務端渲染和Vue瀏覽器端渲染的性能對比(實例PK ),非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-03-03