当前位置: 首页 > news >正文

uniapp的扩展组件uni-popup 弹出层自动打开

我的需求是在页面加载完之后自动打开弹窗,自动打开只能写在onReady 或 mounted 生命周期内,这是这个组件的规定:

  • 如果想在页面渲染完毕后就打开 uni-popup ,请在 onReady 或 mounted 生命周期内调用,确保组件渲染完毕,

但我需要在onShow()生命周期函数内判断用户是否已登录,已登录之后再去让弹窗自动打开,直接写在已登录后面会提示报错,弹窗打不开,打不开的原因是此时页面还未加载完,那么页面加载完之后再去执行弹窗打开语句就可以了,用一次性定时器加一点延迟,在定时器里面再执行弹窗打开的方法就不会报错了,我设了5毫秒之后,弹窗出现的效果也看不出多大区别。主要代码如下:

<!--订阅消息弹窗-->
<uni-popup ref="popupdingyue" type="center" :animation="false" :mask-click="false" mask-background-color="rgba(0,0,0,0.6)"><view class="tcbox">我是弹窗</view>
</uni-popup>
<!-- 弹窗结束位置 -->onShow(){let that=this//判断用户是否登录let loginphone= uni.getStorageSync('loginphone');console.log("首页从缓存读取的loginphone",loginphone)if(!loginphone){console.log("loginphone为空跳到登录页面")uni.redirectTo({url:"../login/login",})}else{setTimeout(function(){that.$refs.popupdingyue.open() //打开提示弹窗},5) //5毫秒之后执行这个方法,只执行一次}},

http://www.lryc.cn/news/307777.html

相关文章:

  • 二、mysql常用函数
  • 【Redis | 第一篇】快速了解Redis
  • Vim 模式切换 | 命令集
  • 广和通5G智能模组SC171支持Android、Linux和Windows系统,拓宽智能物联网应用
  • 【51单片机】红外遥控红外遥控电机调速(江科大)
  • kubesphere jenkins 流水线 未运行(解决方案)
  • 如何保护服务器的安全
  • Python使用HDL 模拟器实现 FPGA 板卡的仿真验证
  • vue中 input disable后无法触发点击事件
  • 实战一个 Jenkins 构建 CI/CD流水线 的简单配置过程哈
  • 【InternLM 实战营笔记】大模型评测
  • 数据卷(Data Volumes) 自定义镜像(dockerfile)
  • 数据库管理-第156期 Oracle Vector DB AI-07(20240227)
  • CASAtomic原子操作详解
  • 真机测试——关于荣耀Magic UI系列HBuilder真机调试检测不到解决办法
  • 代理IP安全问题:在国外使用代理IP是否安全
  • SonarLint 疑难语法修正
  • MurmurHash算法
  • CSRF靶场实战
  • 小程序性能优化
  • C++拿几道题练练手吧
  • 【国产MCU】-CH32V307-I2C控制器
  • k8s pod理论
  • 智慧应急:构建全方位、立体化的安全保障网络
  • 国际黄金价格是什么?和黄金价格有何区别?
  • React入门简介
  • 强化学习_06_pytorch-PPO实践(Hopper-v4)
  • Scala Intellij编译错误:idea报错xxxx“is already defined as”
  • 面试笔记系列五之MySql+Mybaits基础知识点整理及常见面试题
  • 掌握Pillow:Python图像处理的艺术