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)
相关文章
|
27天前
|
缓存 开发框架 移动开发
uni-app:下载使用uni&创建项目&和小程序链接&数据缓存&小程序打包 (一)
uni-app 是一个跨平台的开发框架,它允许开发者使用 Vue.js 来构建应用程序,并能够同时发布到多个平台,如微信小程序、支付宝小程序、H5、App(通过DCloud的打包服务)等。uni-app 的目标是通过统一的代码库,简化多平台开发过程,提高开发效率。 在这一部分中,我们将逐步介绍如何下载和使用uni-app、创建一个新的项目、如何将项目链接到小程序,以及实现数据缓存的基本方法。
|
4月前
|
移动开发 前端开发 小程序
uniapp内置组件uni.navigateTo跳转后页面空白问题解决
【7月更文挑战第1天】uniapp内置组件uni.navigateTo跳转后页面空白问题解决
107 4
|
4月前
|
存储
uniapp实战 -- 个人信息维护(含选择图片 uni.chooseMedia,上传文件 uni.uploadFile,获取和更新表单数据)
uniapp实战 -- 个人信息维护(含选择图片 uni.chooseMedia,上传文件 uni.uploadFile,获取和更新表单数据)
136 2
|
5月前
|
程序员
uni-app 小兔鲜儿 Day 6(有作业)
uni-app 小兔鲜儿 Day 6(有作业)
52 4
|
6月前
|
缓存 JavaScript 小程序
uniapp 普通页面跳转到tabBar页面详解(附加代码+uni.switchTab使用)
uniapp 普通页面跳转到tabBar页面详解(附加代码+uni.switchTab使用)
487 0
|
6月前
|
API UED
深入理解 uni-app 中的加载提示:uni.showLoading
深入理解 uni-app 中的加载提示:uni.showLoading
3359 0
|
6月前
uni-app 13标星朋友和加入移出黑名单
uni-app 13标星朋友和加入移出黑名单
40 0
uni-app 13标星朋友和加入移出黑名单
|
6月前
|
存储 JavaScript 小程序
uni-app 全局变量实现的4种方式
uni-app 全局变量实现的4种方式
195 0
|
12月前
|
JSON 前端开发 API
uni-app学习笔记-uni.request请求和渲染页面(九)
uni-app学习笔记-uni.request请求和渲染页面(九)
76 1
|
12月前
|
前端开发 API
uni-app里面使用uni.request请求并且渲染列表
uni-app里面使用uni.request请求并且渲染列表
72 0