云服务器 99 / 年,新老同享(可以99/年续费),开发者力荐特惠渠道,新客户在享受9折
阿里云推广

vue项目在app.vue写公告业务有的时候不显示的问题

  • 内容
  • 评论
  • 相关

App.vue 作为根组件,其生命周期钩子只会触发一次,即在应用程序启动时。因此在这个里面写公告只会执行一次,很适合做公告页面。

问题描述,打开商城首页,首页有业务判断如果会员没有登录则跳转到登录页面,同时在app.vue里面也有通告提示的业务。发现在这种情况下只跳转无提示。

原因分析:

跳转和提示基本同时执行了,导致提示页面层看不见。



11.png


//当您将 setTimeout 的延迟时间设置为0(即 setTimeout(callback, 0)),这并不意味着回调函数会立即执行。实际上,这意味着回调函数会被添加到事件循环的队列尾部,并且会在当前执行栈清空后尽快执行。
//换句话说,即使您设置了0毫秒的延迟,setTimeout 也会等到当前 JavaScript 执行上下文完成所有同步任务之后才执行回调。这对于确保某些异步操作(例如 UI 更新)在其他同步代码执行完毕后再进行是非常有用的。
setTimeout(function() {
uni.showModal({
title: '温馨提示:',
content: result['data'][0]['web_index_tip'],
showCancel: false
});
}, 0);

本文标签:

版权声明:若无特殊注明,本文皆为《菜鸟站长》原创,转载请保留文章出处。

本文链接:vue项目在app.vue写公告业务有的时候不显示的问题 - http://www.wlphp.com/?post=445

发表评论

电子邮件地址不会被公开。 必填项已用*标注