vant toast 关闭栈溢出问题及解决

目录
  • vant toast 关闭栈溢出
    • vant的toast中有这样一个方法
    • 解决的办法
  • vue 使用vant踩坑记
    • 问题1
    • 问题2
    • 解决方法

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>

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • vant中的toast层级改变操作

    1.toast在main.js中引用 2.在每个页面中使用toast 3.每个页面有一个私有样式scoped,因此类名inexa的层级写在app.vue里 注:toast每调用一次(z-index)层级就会加一,因为默认打开了新窗口,层级会加一 补充知识:vant-ui toast和dialog使用 vant-ui中的toast和dialog使用 Toast('提示') Dialog({ message: '提示' }) //直接用官网的写法会报未定义 应该这样写 this.$toast('提示

  • 解决vant的Toast组件时提示not defined的问题

    按照官方文档引入全局Toast组件,在methods里面定义函数执行函数时产生了报错: //定义的函数 handleClick(){ Toast('点击提示') } 报错信息 [Vue warn]: Error in v-on handler: "ReferenceError: Toast is not defined" 解决方法: handleClick(){ this.$toast('点击提示') } 补充知识:vue+vant移动端遇到的那些问题 1.项目引用了lib-flexi

  • vant中的toast轻提示实现代码

    在main.js中按需引入 import { Toast } from 'vant Vue.use(Toast) 页面中的methods中使用 send(name, img) { let msg = `${this.Cname}送${name}1`; this.$toast({ message: msg, icon: img }); }, 补充知识:Vant的Toast 轻提示API文档不准确解决方案 开发企业微信应用使用Vant组件库过程中,想要用到轻提示Toast,发现API文档无法使用:

  • vant toast 关闭栈溢出问题及解决

    vant toast 关闭栈溢出问题及解决

    目录 vant toast 关闭栈溢出 vant的toast中有这样一个方法 解决的办法 vue 使用vant踩坑记 问题1 问题2 解决方法 vant toast 关闭栈溢出 开发中有这样一个常见场景.在发送某个异步请求以后,需要给出一个提示,提示停顿一定时间以后再路由跳转至其他页面. vant的toast中有这样一个方法 最初的写法是这样的: 而这也是才坑所在.然后你会看到: 死循环.栈溢出了. 解决的办法  let toast = Toast({message:"提交成功",ty

  • php关闭warning问题的解决方法

    error_reporting 设定错误讯息回报的等级 2047我记得应该是E_ALL. php.ini 文件中有许多配置设置.您应当已经设置好自己的php.ini 文件并把它放在合适的目录中,就像在 Linux 上安装PHP 和 Apache 2 的文档说明中所示的那样(请参阅 参考资料).在调试PHP 应用程序时,应当知道两个配置变量.下面是这两个变量及其默认值: display_errors = Off error_reporting = E_ALL E_ALL能从不良编码实践到无害提示到

  • Vue3+vant+ts 上滑加载解决上滑调用多次数据的问题(推荐)

    之前用vue2的时候,写过vue2的用法,文末扩展知识点击查看,用得挺好的,也没啥问题,照葫芦画瓢的做出来了,但是有问题,下滑之后调用多次数据,按理说 组件通过 loading 和 finished 这俩变量控制加载状态,当组件滚动到底部时,会触发 load 事件并将 loading 设置成 true.此时可以发起异步操作并更新数据,数据更新完毕后,将 loading 设置成 false 即可.若数据已全部加载完毕,则直接将 finished 设置成 true 即可. 但是我打印了一下,在调用方

  • pycharm 关闭search everywhere的解决操作

    pycharm 关闭search everywhere的解决操作

    我的是shift+] 会打开search everywhere, 很影响操作. 怎么关掉? 解决: 打开设置(settings)找到keymap,在other中搜索everywhere 更换或者去除快捷键. 补充:修改设置,关闭pycharm中双击shift键打开SearchEveryWhere窗口 pycharm中的双击shift键就打开SearchEveryWhere窗口的问题就是对中国coder切换输入法的不理解. 不要修改jar文件,麻烦且不一定有效. 直接修改设置. 1.按ctrl+s

  • vue中vant组件样式失效问题及解决

    目录 vant组件样式失效 通常有以下几种解决方法 修改vant组件样式 vant组件样式失效 vue项目中引入vant组件,若发现vant组件样式失效 通常有以下几种解决方法 方法一:引入全局样式   在引入vant组件的地方或者全局引入vant组件所有的样式,引入方法为:在vue引入vant的页面中,添加以下代码: import 'vant/lib/index.css' 这样可以引入vant全部样式,不过通常我们可以按需引入,如法二,局部引入部分样式即可. 方法二:局部引入样式   顾名思义

  • 如何解决mysql无法关闭的问题

    mysql关闭不了的解决办法: 右键点击电脑的任务栏,打开任务管理器 点击服务,找到mysql服务 右键点击该服务,选择停止就可以了 内容扩展: mac系统mysqld进程无法kill掉的问题 mac安装比linux恶心的太多,权限太受限制 kill -9根本无法杀死mysqld进程,查了好久原来是因为 LaunchDeamons定时任务守护mysqld进程 解决方法: sudo launchctl unload -w /Library/LaunchDaemons/com.oracle.oss.

  • 使用Vant如何完成各种Toast提示框

    使用Vant如何完成各种Toast提示框

    目录 Vant完成各种Toast提示框 效果展示 Vant Toast用法 1.首先引入 2.写事件 3.效果图如下 Vant完成各种Toast提示框 效果展示 (1)使用前的需要安装Vant奥. (2)在main.js里面引入Toast import { Toast } from 'vant'; Vue.use(Toast); (3)在页面使用:(根据步骤代码可以运行奥  Toast.vue文件)(上面截图的,在下面代码都有栗子奥). <template>   <!-- Toast提示

  • 星外虚拟主机访问被控出现Unspecified error解决方法

    星外虚拟主机访问被控出现Unspecified error解决方法

    今天客户在线解压出现了Unspecified error 的错误,我以为是被控的权限,重新重置了受控端依然不行,访问被控依然正常,但http://受控域名/freehost.dll就出现错误,看样子不是IIS或者互相访问的问题了,肯定是某个星外组件出了问题: 错误图片如下: 解决方法:重装受控端许可证即可,不是受控端哦,是受控端许可证即可K的: 以下是官方给出的大致错误提示与解决方式,如果以上不能解决问题,请继续往下看:强力建议看这文章的人再操作之前把此文章全部看完,一个个的对照测试下,实在不行

  • dell 服务器开机总是提示按F1才能进入系统解决方法

    dell 服务器开机总是提示按F1才能进入系统解决方法

    最近买了些二手服务器,dell品牌,性价比还不错,但是一台dell 服务器开机总是提示按F1才能进系统,到底应该怎么解决呢? 请问我的电脑开机老是提示"strike the f1 key to continue ,f2 to run the setup utility"这些,怎么设置不要这些提示??? 每次都得按fi跳过这页面才能继续开机,如何设置不要这些提示,自动一步完成开机呢? 解决方法: [问题现象] 开机自检时屏幕上出现如下图所示的Floppy错误,必须按F1键才能继续启动进入

  • Apache启动错误Permission denied: httpd: could not open error log file解决方法

    一.系统环境 CentOS 6.3 X64 yum 安装的 apache 版本:httpd-2.2.15-30.el6.centos.x86_64 二.问题描述 新增加虚拟主机站点,启动不了,查看日志,显示: 复制代码 代码如下: 启动 httpd:(13)Permission denied: httpd: could not open error log file /home/wwwroot/jb51.net/logs/error_log. Unable to open logs [失败] 三

随机推荐