1、wx.showToast弹窗没完成就跳转页面
开发小程序的过程中,想实现点击按钮后出现弹窗然后跳到个人中心。
wx.showToast({
title: '已完成答题,看缘分榜喽~',
icon: 'loading',
duration: 2000,
success:function(){
wx.redirectTo({
url: '../my'
})
}
})
想要实现弹窗出现2秒后跳到个人中心,但实际运行时发现,有时弹窗闪一下就跳转,或者直接跳转页面
这是为啥?
原来 成功回调函数在wx.showToast执行成功立即执行,执行成功不等于执行完毕,也就是说弹窗刚执行success中的函数也就开始执行了,这里的duration:2000的设置对success里函数的执行是没有影响的。
那怎么解决?
想到延时操作,给想要等弹窗消失后再执行的操作加上延迟效果就行了。用到setTimeout
wx.showToast({
title: '已完成答题,看缘分榜喽~',
icon: 'loading',
duration:2000,
success:function(){
setTimeout(function () {
wx.redirectTo({
url: '../my'
})
}, 2000)
}
})
2、还有一个问题,我们在弹窗中加入文字,但是运行出来只显示了一行字。为什么呢?
显示效果表示有字数限制。代码为上面第二个
文章图片
原来 title只显示7个字,多余的字 toast 会自动隐藏
解决方法是设置 icon:‘none’ 就可以了,这样可以添加更多文本;但是图标就不能显示了
【微信小程序wx.showToast弹窗没完成就跳转,加入延时执行】
文章图片
推荐阅读
- vue|基于安卓/android/微信小程序的高校党员掌上党支部APP#计算机毕业设计
- 安卓|基于安卓/android/微信小程序的爱心小屋公益机构智慧管理APP#计算机毕业设计
- js|小程序和h5通信
- 小程序|【微信小程序】小程序突破小程序二维码数量限制
- vue基础|vue的第一个程序(包括简介)
- 小程序|微信小程序云开发 | 微信小程序与Spring Boot整合开发
- 小程序|uni-app与uviewUI实现仿小米商城app(附源码)
- #|【小程序项目开发-- 京东商城】uni-app之商品列表页面 (下)
- 小程序|小程序--商城项目,技术篇1