vant?toast?關閉棧溢出問題及解決
更新時間：2022年05月26日 15:54:15 作者：sleeppingforg
這篇文章主要介紹了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>
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家介紹了Vue項目使用px2rem的方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
vue如何在style標簽中使用變量(數(shù)據(jù))詳解
在我們編寫css樣式中是不能直接使用vue data中的變量的,下面這篇文章主要給大家介紹了關于vue如何在style標簽中使用變量(數(shù)據(jù))的相關資料,需要的朋友可以參考下2022-09-09
這篇文章主要給大家介紹了關于vue3.0關閉eslint校驗的3種方法,在實際開發(fā)過程中,eslint的作用不可估量,文中將關閉的方法介紹的非常詳細,需要的朋友可以參考下2023-06-06
下面小編就為大家分享一篇利用vue和element-ui設置表格內容分頁的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
基于Vue3.0開發(fā)輕量級手機端彈框組件V3Popup的場景分析
這篇文章主要介紹了基于Vue3.0開發(fā)輕量級手機端彈框組件V3Popup,本文通過場景分析給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-12-12
這篇文章主要介紹了vue實現(xiàn)在進行增刪改操作后刷新頁面，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了mpvue將vue項目轉換為小程序的相關資料及mpvue開發(fā)流程，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-09-09
Vue服務端渲染和Vue瀏覽器端渲染的性能對比(實例PK )
這篇文章主要介紹了Vue服務端渲染和Vue瀏覽器端渲染的性能對比(實例PK ),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了vue中pc移動滾動穿透問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要介紹了Vue中input被賦值后,無法再修改編輯的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04