uniapp在onLoad事件中不显示showToast的问题

如题，最近开发uniapp，发现在onLoad事件中写的showToast无法正常显示，代码如下：

onLoad(option){// 判断是否登录if (!this.hasLogin) {uni.showToast({title:'登录过期',icon:'none'})}// 获取字典this.$store.dispatch('getDict', 'sex').then(res => {this.dicts = res})
},

于是乎上网百度一番，发现应该是showLoading和showToast冲突了，恰好onLoading请求后端获取字典时会showLoading，既然找到问题就说说解决方案吧：

第一种：

将showToast与showLoading分开，放到mounted中

mounted(){// 判断是否登录if (!this.hasLogin) {uni.showToast({title:'登录过期',icon:'none'})}
},
onLoad(option){// 获取字典this.$store.dispatch('getDict', 'sex').then(res => {this.dicts = res})
},

测试后发现显示正常

第二种：

巧妙使用延时

onLoad(option){// 判断是否登录if (!this.hasLogin) {setTimeout(()=>{uni.showToast({title:'登录过期(通过延时)',icon:'none'})},10)}// 获取字典this.$store.dispatch('getDict', 'sex').then(res => {this.dicts = res})
},

再次测试也可以成功显示

以上两种方法都有一个弊端，就是showToast的时候无法showLoading，反之亦然showLoading无法showToast，如果大家有什么好办法欢迎留言交流。

uniapp在onLoad事件中不显示showToast的问题相关推荐

加载多个js onload事件
1.将要加载的内容放到onload事件中 (如果出现多个onload可能会出现函数覆盖) 2.使用 document.attachEvent('onreadystatechange',initJS1) ...
JS中onfocus()事件，onblur()事件，onload()事件
1. onfocus 事件在对象获得焦点时发生. 实例: <html> <head> <script type="text/javascript"&g ...
原生js中如果有多个onload事件解决方案
原生js中如果有多个onload事件解决方案参考文章: (1)原生js中如果有多个onload事件解决方案 (2)https://www.cnblogs.com/happy-8090/p/11830 ...
jquery中DOM加载事件，onload事件和ready事件
全栈工程师开发手册 (作者:栾鹏) jquery系列教程4-事件操作全解 jquery中DOM加载事件 jquery中的DOM加载事件分为onload事件和ready事件.,具体功能如代码中注释. 代 ...
JavaScript 中 OnLoad事件用法总结
还差一天现在手头上的这套网站就写完了,中午蹭了半天还是没睡好,干脆爬起来把今天上午写到的onload事件给整理一下. 一般用到比较多的就是初始化数据或者效果. 1.直接写在<body>标签 ...
angular中onload事件
一下提供3中load加载的写法: <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...
html 图片事件失效,javascript – 图像,onload事件在chrome中不起作用
我正在使用 html5来创建拖放图像上传功能.这在firefox中非常适合我,但在chrome中,图像onload事件仅在第一次触发时触发.如果我只在第一个作品中拖动多个图像,如果我在其中拖动一个图像 ...
JS中的onload事件
借鉴于 https://blog.csdn.net/pseudonym_/article/details/72614776 window.onload事件出现的原因: 页面的代码顺序是从上往下进行加载 ...
页面渲染中的onload 事件
定义和用法 1.onload事件会在页面或图像加载完成后立即发生 2.onload通常用于元素,在页面完全载入后(包括图片.css文件等等)执行脚本代码语法在HTML中 <body onlo ...

uniapp在onLoad事件中不显示showToast的问题

uniapp在onLoad事件中不显示showToast的问题相关推荐

最新文章

热门文章