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