uniapp onshow/onLoad 中的 showToast 不显示的问题
需求: 点击底部tab页 跳转到页面中时 弹窗提示 然后页面返回某一页
onshow/onLoad
很简单的需求
uni.showToast({
icon: 'error',
title: '页面开发中...',
duration: 1000,
mask: true
})
setTimeout(()=>{
uni.switchTab({
url:'/pages/tabBar/home/home'
})
},1000)
类似的其他框架方式:
onShow(){
//必须使用延时功能,否则报错
setTimeout(()=>{
this.$refs.uToast.show({title: "查询中...!",type:'info',position:'bottom',duration:3000});},3000);
}
onReady() 、、//同样适用
这样在开发工具中测试没有问题 但是在测试版中出现问题 弹窗提示在跳转前出现 并且跳转页面后不显示了
虽然目前还没发现问题原因 但是推测肯定是时机的问题 使用一层延迟 问题就解决了
setTimeout(()=>{
uni.showToast({
icon: 'error',
title: '页面开发中...',
duration: 1000,
mask: true
})
setTimeout(()=>{
uni.switchTab({
url:'/pages/tabBar/home/home'
})
},1000)
},100)
唯一遗憾就是会有100毫秒延迟
分类:
CSS,PHP,VUE
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了