vant toast 关闭栈溢出问题及解决
更新时间：2022年05月26日 15:54:15 作者：sleeppingforg
这篇文章主要介绍了vant toast 关闭栈溢出问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
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>
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了构建大型 Vue.js 项目的10条建议(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要为大家介绍了vue项目网站全局置灰功能实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要介绍了Vue Steps步骤条渲染异常问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-04-04
这篇文章主要为大家学习介绍了Vue3如何使用echarts实现绘制折线图,文中有详细的示例代码供大家参考,感兴趣的小伙伴可以跟随小编一起学习一下2023-07-07
这篇文章主要给大家介绍了关于vue单文件中引用路径处理的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用vue.js具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-01-01
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
这篇文章主要介绍了SpringBoot+Vue开发之Login校验规则、实现登录和重置事件,本文通过图文实例相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-10-10
这篇文章主要为大家详细介绍了Vue框架中如何调用模拟数据，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
详解Vue.js搭建路由报错 router.map is not a function
这篇文章主要介绍了详解Vue.js搭建路由报错 router.map is not a function，非常具有实用价值，需要的朋友可以参考下2017-06-06
这篇文章主要介绍了vue3表单输入绑定方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
利用Vue.js+Node.js+MongoDB实现一个博客系统（附源码）
本文主要介绍了利用Vue.js+Node.js+MongoDB实现一个博客系统，这个博客使用Vue做前端框架，Node+express做后端，数据库使用的是MongoDB。实现了用户注册、用户登录、博客管理、文章编辑、标签分类等功能，需要的朋友可以参考学习。2017-04-04
最新评论