首页 > 其他分享 >解决uniapp不显示showToast或一闪而过问题

解决uniapp不显示showToast或一闪而过问题

时间:2023-04-21 10:44:14浏览次数:46  
标签:onLoad showLoading showToast 登录 uniapp res dispatch 一闪而过

原因:showToast与其他方法冲突,以onLoad冲突为例

第一种:

将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,如果大家有什么好办法欢迎留言交流。
参考链接:https://blog.csdn.net/QINGZHID/article/details/126601064

标签:onLoad,showLoading,showToast,登录,uniapp,res,dispatch,一闪而过
From: https://www.cnblogs.com/dongfangzhaoyue/p/17339521.html

相关文章

  • uniapp计算属性和监听属性的使用及props验证
    计算属性:定义:computed:{变量名xx(){return计算的代码}} 使用: <p>乘以2的值为{{变量名xx()}}</p>监听属性:(普通监听:无法监听到第一次绑定的变化)定义: watch:{变量名xx(newName,oldName){console.log(可以打印新老数据)}}(普通监听:可监听到第一次绑定的变化)定......
  • uniapp h5与app接口路径
      h5版本前面带不带‘/’都不会报错接口路径拼接前应该有逻辑默认补'/'app后就会报错 ......
  • uniapp兼容微信小程序和支付宝小程序遇见的坑
    1、获取当前帐号信息getAccountInfoSync兼容;my.getOpenUserInfo 无效的授权关系微信小程序:wx.getAccountInfoSync()支付宝小程序:<buttonclass="popup-btn"@click="openAuth"type="primary"size="mini">获取</button>my.getOpenUserI......
  • 【uniapp】【外包杯】学习笔记day06 | 微信小程序导航栏的制作并推送的到码云【黑】
    先创建分支 格式化快捷键shift+alt+f ......
  • uniapp 集成 sentry,并上传sourcemap,定位错误
    具体见:https://blog.csdn.net/weixin_49192390/article/details/113989218?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168178969316800197063528%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=168178969316800197063528&a......
  • uniapp运行app项目无法连接到手机
    1.手机需要打开开发者模式2.adb端口占用(从任务管理器中结束进程) uniapp项目真机调试遇到的问题(持续更新中)-简书(jianshu.com)解决端口占用问题-简书(jianshu.com)......
  • 手机网站左侧弹出菜单功能-uniapp
    效果图     <template> <viewclass="drawer":class="{moveRight:isActive,moveLeft:isClose}"> <uni-nav-bardarkshadowbackground-color="#007AFF"status-bar:left-icon="left_icon"left-text=......
  • FinClip 与 uniapp:轻应用平台与前端开发框架
    原文地址juejin.cnFinClip背后的产品经理发现很多开发者或业务部门的朋友,在刚了解到FinClip的时候,都会好奇FinClip能解决怎样的问题,也会经常将FinClip与uni-app进行对比考虑二者的区别与优劣势。因此在本文中,FinClip的产品经理会和我们深入地探讨FinClip与uni-app之......
  • uniapp面试题
    1.uniapp进行条件编译的两种方法?小程序端和H5的代表值是什么?通过#ifdef、#ifndef的方式H5:H5MP-WEIXIN:微信小程序2.uniapp的配置文件、入口文件、主组件、页面管理部分pages.json配置文件main.js入口文件App.vue主组件pages页面管理部分3.uniapp上传文件时用到a......
  • 2023-04-15 uniapp 点击事件冒泡
    简而言之,即父子元素都有点击事件,这时候子元素触发点击事件会连同父元素的点击事件一并触发,这就是冒泡;而需求就是子不触父。解决方案:子元素的点击事件由原来的@click或者@tap统统换成@tap.stop,据说@tap.stop比@click.stop好。注:只需改变子元素点击事件,子变父不变。......