uni.showToast和uni.navigateTo不能同时执⾏,怎么解决

简介: uni.showToast和uni.navigateTo不能同时执⾏,怎么解决

刚刚发现uni-app项⽬中, uni.showToast和uni.navigateTo不能同时执⾏ , ⽐如下⾯的代码 , 我想showToast之后 , navigateTo⾸页 ,

但发现弹出提⽰框之后, 并没有跳到⾸页


uni.showToast({
     title: '登录成功',
     duration: 2000,
     icon: "none"
    });
uni.navigateTo({
     url: '../index/index'
    });


解决方法 : 延时器


把uni.navigateTo写到setTimeout⾥延时执⾏就可以了


uni.showToast({
  title: '登录成功',
  duration: 2000,
  icon: "none"
 });
setTimeout(function() {
  uni.navigateTo({
   url: '../index/index'
  });
}, 1000)
相关文章
|
小程序 API 索引
uniapp中uview组件库中丰富的Picker 选择器用法
uniapp中uview组件库中丰富的Picker 选择器用法
2537 0
|
存储 JavaScript 开发工具
uniapp-实现微信授权登录
uniapp-实现微信授权登录
3200 0
|
7月前
|
移动开发 JavaScript 前端开发
uniapp开发HarmonyOS NEXT应用之项目结构详细解读
本文介绍了uniapp项目目录结构,包括页面、静态资源、入口文件、配置文件等核心组成部分,并解析了各文件的作用与跨平台运行原理。
|
移动开发 小程序
UniApp+uView实现图片上传返回Base64
UniApp+uView实现图片上传返回Base64
637 0
|
移动开发 监控 安全
HTML5 WebSocket详解
**WebSocket** 是一种协议,支持浏览器与服务器间的双向全双工通信。不同于传统的 HTTP 模式,WebSocket 建立持久连接,使服务器能主动向客户端推送数据。本文详细解析 WebSocket 的工作原理、优缺点及应用场景,并提供客户端和服务器端的代码示例。WebSocket 适合实时聊天、在线游戏、数据监控等场景,能显著提升用户体验和应用性能,但需注意其实现复杂性和安全性问题。
|
JavaScript
在Vue中,如何使用事件总线来传递数据和触发事件?
在Vue中,如何使用事件总线来传递数据和触发事件?
260 0
Echarts渐变折线图的设置解决方案
Echarts渐变折线图的设置解决方案
377 0
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
3617 1
|
搜索推荐 数据可视化 BI
ECharts 蓝色系-荧光图标折线图01案例
ECharts 案例展示了一周内各路线数据的蓝色荧光折线图,揭示流量趋势。预览包括静态图片和动态GIF。使用ECharts 5.2.0配置图表,包含背景、网格、图例及数据。代码示例初始化图表、定义X轴类别和Y轴值,以及系列颜色。完整案例可在链接中下载。案例结合动态效果与个性化设计,增强数据可视化的吸引力。
409 0
ECharts 蓝色系-荧光图标折线图01案例
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的论文管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的论文管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
519 0