码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • uniapp的扩展组件uni-popup 弹出层自动打开


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

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

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

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

  • 相关阅读:
    .NET的基元类型包括哪些?Unmanaged和Blittable类型又是什么?
    petite-vue源码剖析-v-if和v-for的工作原理
    10.15 校招 实习 内推 面经
    Iconfont 还是不能上传,如何维护你的 Icon?
    使用任务表,实现两个数据库表数据迁移
    【C++】封装unordered_map和unordered_set(用哈希桶实现)
    安全进阶:虚拟防火墙基础实验
    图的遍历 广度优先遍历(爱思创)
    vue项目npm intall时发生版本冲突的解决办法
    基于Spring Boot和Spring Cloud实现微服务架构学习(四)-Spring Cloud总结
  • 原文地址:https://blog.csdn.net/spring_007_999/article/details/136316917
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号