vant toast 關閉棧溢出問題及解決

Posted on by

vant toast 關閉棧溢出

開發中有這樣一個常見場景。在發送某個異步請求以後，需要給出一個提示，提示停頓一定時間以後再路由跳轉至其他頁面。

vant的toast中有這樣一個方法

最初的寫法是這樣的：

而這也是才坑所在。然後你會看到：

死循環。棧溢出瞭。

解決的辦法

 let toast = Toast({message:"提交成功",type:"success"})
 setTimeout(()=>{
           toast.clear()
           self.$router.push('/confirmPayment')
  },1000)

vue 使用vant踩坑記

問題1

表單使用 <van-field></van-field>在頁面中隻引入Form還是會報錯

問題2

表單使用用表單自帶的提交@submit，如果表單裡面有一個其他業務邏輯的按鈕不做提交操作，比如發送驗證碼會驗證表單中輸入框的驗證

解決方法

第一個問題要在main.js中引入

import {
    field
} from 'vant'
Vue.use(field)

第二個問題 button中添加代碼native-type=“button”

<van-button size="small" type="info" native-type="button">發送驗證碼</van-button>

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：