vant?toast?關(guān)閉棧溢出問題及解決
vant toast 關(guān)閉棧溢出
開發(fā)中有這樣一個(gè)常見場(chǎng)景。在發(fā)送某個(gè)異步請(qǐng)求以后,需要給出一個(gè)提示,提示停頓一定時(shí)間以后再路由跳轉(zhuǎn)至其他頁面。
vant的toast中有這樣一個(gè)方法
最初的寫法是這樣的:
而這也是才坑所在。然后你會(huì)看到:
死循環(huán)。棧溢出了。
解決的辦法
?let?toast?=?Toast({message:"提交成功",type:"success"}) ?setTimeout(()=>{ ?? ? ? ? ? toast.clear() ?? ? ? ? ? self.$router.push('/confirmPayment') ??},1000)
vue 使用vant踩坑記
問題1
表單使用 <van-field></van-field>在頁面中只引入Form還是會(huì)報(bào)錯(cuò)
問題2
表單使用用表單自帶的提交@submit,如果表單里面有一個(gè)其他業(yè)務(wù)邏輯的按鈕不做提交操作,比如發(fā)送驗(yàn)證碼會(huì)驗(yàn)證表單中輸入框的驗(yàn)證
解決方法
第一個(gè)問題要在main.js中引入
import { ?? ?field } from 'vant' Vue.use(field)
第二個(gè)問題 button中添加代碼native-type=“button”
<van-button size="small" type="info" native-type="button">發(fā)送驗(yàn)證碼</van-button>
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue如何在style標(biāo)簽中使用變量(數(shù)據(jù))詳解
在我們編寫css樣式中是不能直接使用vue data中的變量的,下面這篇文章主要給大家介紹了關(guān)于vue如何在style標(biāo)簽中使用變量(數(shù)據(jù))的相關(guān)資料,需要的朋友可以參考下2022-09-09vue3.0關(guān)閉eslint校驗(yàn)的3種方法詳解
這篇文章主要給大家介紹了關(guān)于vue3.0關(guān)閉eslint校驗(yàn)的3種方法,在實(shí)際開發(fā)過程中,eslint的作用不可估量,文中將關(guān)閉的方法介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06利用vue和element-ui設(shè)置表格內(nèi)容分頁的實(shí)例
下面小編就為大家分享一篇利用vue和element-ui設(shè)置表格內(nèi)容分頁的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03基于Vue3.0開發(fā)輕量級(jí)手機(jī)端彈框組件V3Popup的場(chǎng)景分析
這篇文章主要介紹了基于Vue3.0開發(fā)輕量級(jí)手機(jī)端彈框組件V3Popup,本文通過場(chǎng)景分析給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-12-12vue實(shí)現(xiàn)在進(jìn)行增刪改操作后刷新頁面
這篇文章主要介紹了vue實(shí)現(xiàn)在進(jìn)行增刪改操作后刷新頁面,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-08-08mpvue將vue項(xiàng)目轉(zhuǎn)換為小程序
這篇文章主要介紹了mpvue將vue項(xiàng)目轉(zhuǎn)換為小程序的相關(guān)資料及mpvue開發(fā)流程,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09Vue服務(wù)端渲染和Vue瀏覽器端渲染的性能對(duì)比(實(shí)例PK )
這篇文章主要介紹了Vue服務(wù)端渲染和Vue瀏覽器端渲染的性能對(duì)比(實(shí)例PK ),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03