watch中setTimeout设定时间不生效问题

最新推荐文章于 2024-03-04 18:43:06 发布
最新推荐文章于 2024-03-04 18:43:06 发布
阅读量522 收藏 1
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/messi30lz/article/details/126852478
版权
本文探讨了一个关于如何调整横幅显示时间的问题，当使用watch监听故障列表(errlist)长度时，定时器不起作用。作者发现初次执行由于immediate设置导致计数为0，解决方案是临时注释代码并外加一个延迟。
摘要由CSDN通过智能技术生成

场景：有一个横幅需要根据errlist故障列表长度来控制显示时间，使用watch监听是设定的时间不生效

通过打印看到首次获取到的count为0 因为设置了immediate所以页面一进来就会立马执行此时看打印errlist是没有长度的 

解决方法：注释代码，再延时外面再套一个延时为0的延时器可解决

messi0913
关注
为什么 setTimeout 有最小时延 4ms ?
BruceYuj的博客
07-04 894
Why's THE Design(为什么这么设计) 是一系列关于计算机领域程序设计决策的文章(偏向于前端领域)，在该系列会从不同的角度讨论这种设计的优缺点、对具体实现造成的影响。由 Draveness 的《为什么这么设计》 启发 正文 在前端技术圈子里面，对于 setTimeout 常常有一句结论，“setTimeout 的最小设置延迟是 4ms”。 按照 “某乎” 的方式，在回答一个问题之前...
MySQL主从不一致问题相关处理
热门推荐
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
09-26 1万+
某业务采取mysql的主从架构，但因为存储的问题，导致备库一直无法存储，数据同步一致性问题一直也未恢复，某次安全检查要求完成主备倒换演练，必须限期恢复主备，但是在恢复过程中，同步显示正常一段时间后，便会出现sql线程异常，主备数据不一致导致的同步错误情况。主数据库上面设置的max_allowed_packet比从数据库大，当一个大的sql语句，能在主数据库上面执行完毕，从数据库上面设置过小，无法执行，导致的主从不一致。根据上面的NR行数，查看附近的行，定位数据不一致的地方，后续手动补全。
watch和setTimeout的一个应用技巧
lw18751836671的专栏
03-28 1154
使用watch和setTimeout可以监听输入框内容，输入内容停止后搜索。 效果如下所示，在停止输入后，就执行搜索方法。 <div id="app"> <input v-model="content"/> </div> <script> var vm = new Vue({ el:"#app", data:{ conte
vue-watchEffect侦听器
qq_39111074的博客
12-02 699
watchEffect用法和特点 ① watchEffect 首次打开页面就会执行（不是懒加载） ② watchEffect 只要传入一个回调函数即可，不需要传入要侦听的字段名称，当前值和原来值这些参数， 它的内部会自动识别侦听的内容，如果回调函数内写的东西和外部的属性等没有关联，那么首次打开页面执行后，后面不会再执行 回调函数内写了什么关联的属性，就会侦听改属性，没有写的，不会侦听 ③ watchEffect 只能得到 当前值，不能获得原来值 watchEffect(() => { // 回调函
setTimeout无效的解决方案（三）
rainbow702的博客
04-29 1749
在前面的“setTimeout无效的解决方案”中，有提到一个案件：就是画面中的元素的背景色需要定时进行切换。 之前这个效果也是需要通过setTimeout实现的。不过，最近看到CSS3中有关于动画的介绍，我想了一下，应该也是可以通过动画来实现这个背景切换的效果的。 今天试了一下，果然可以。 demo的代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &...
【前端】JavaScript 中setTimeout实现延时及无效解决办法
m0_64210833的博客
04-11 2378
JavaScript 中setTimeout实现延时及无效解决办法
解决Vue方法中setTimeout改变变量的值无效
dearbaba_8520的博客
06-05 975
解决Vue方法中setTimeout改变变量的值无效
Vue中setTimeout()不生效解决方案
kilig_CSM的博客
08-17 709
theme: fancy 携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第6天，点击查看活动详情 发生背景: 在项目中一个父组件同时引用了两个不同的子组件,其中一个子组件通过v-if判断flag控制渲染,而另外一个子组件能改变flag.当时的需求是当子组件改变flag将另一个子组件显露出来,同时将新渲染出来的子组件添加类名来改变样式.刚开始发现document.ge...
AngularJS中$watch和$timeout的使用示例
11-22
在AngularJS中，$watch和$timeout是两个非常重要的服务，它们在构建动态且响应式的Web应用程序时起着关键作用。让我们深入探讨这两个概念及其在实际应用中的使用。 首先，$watch是AngularJS中用于监听模型变化的...
vue2使用echarts markLine中的symbol引入png图片路径问题解决过程
weixin_30822451的博客
05-06 1461
在刚刚的开发中有个需求，需求是这样的：需要一条markLine标记线，标记线的顶端形状为实心箭头，且颜色和markLine标记线颜色不一致，这个箭头的方向会有一个接口返回的参数控制箭头在markLine标记线的首端还是末端， 如下图所示： 刚开始用的是echarts提供的默认配置（ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'trian...
Vue 移动端 实战八 文章评论 评论列表组件、点赞、发布评论、评论回复等、Vue依赖注入方法、解决列表重复数据问题和不重新获取数据问题
m0_55170432的博客
06-25 3455
1.0 展示文章评论列表 1.1 准备组件 为了更好的开发和维护，这里我们把文章评论单独封装到一个组件中来处理。 1、创建 src/views/article/components/article-comment.vue <template> <div class="article-comments"> <!-- 评论列表 --> <van-list v-model="loading" :finished="finishe
基于 Vue3打造前台+中台通用提效解决方案（上）
最新发布
oschina_41559824的博客
03-04 1761
本项目使用 + 来实现前中台解决方案因为，之前的项目一直都是使用作为构建工具；出来这么久了，也没有用过；所以想在当前项目下进行使用；webpack vite 2.2、这么快会有什么问题吗？ 如果大家对的构建机制有了解的话，那么应该可以发现一个问题。 那就是**既然以原生的方式为浏览器提供源码，让浏览器接管了打包的部分工作**，那么假如我们的项目中存在 的内容怎么办?是不是就意味着无法解析呢? 是的! 在 的早期版本中，确实存在这个问题，这个问题导致的最核心的麻烦就是很多的依赖无法使用。 比如 因为
setTimeout()的用法详解及实例
Just Code
10-14 3254
    A: setTimeout( )     　　 setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层对象名称 , 这是用来设定一个时间 , 时间到了 , 就会执行一个指定的 method 。请先看以下一个简单 , 这是没有实际用途的例子 , 只是用来示范...
settimeout 参数_老铁，听说你的setTimeout不会触发，咋整
weixin_39607937的博客
12-11 524
最近在一台安卓手机的webview里面遇到一个神奇的问题，setTimeout不会触发了。起因是笔者用了一个动画库，这个动画库调了它的初始化方法后没有生成DOM元素，经过一番排查，最后发现是有一个地方的setTimeout回调没有执行，如下图所示：setTimeout有被执行到，但是它的回调始终没有执行，我直接在控制台上执行setTimeout也没有效果，如下图所示：这是为啥呢？经检验setTim...
setTimeout时间设置为0
sayoko06的博客
07-30 3793
        这就需要搞清楚一个很重要的概念：js是单线程的，单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。            setTimeout(fn,0)的含义是，指定某个任务在主线程最早可得的空闲时间执行，也就是说，尽可能早得执行。它在"任务队列"的尾部添加一个事件，因此要等到同步任务和"任务队列"现有的...
关于setTimeOut有时候不生效的误解
weixin_34167043的博客
07-11 1710
在写Angularjs的项目中，需要写一个模糊查询的需求，因为需要控制查询的频率，就在查询事件中添加了一个定时器setTimeOut(fn,500)，此定时器的作用就是让查询时间0.5秒触发一次，降低后台的压力。 但是后来发现没有起到想要的效果，最后才发现各个定时器都执行了，因为多余的定时器没有及时清除，导致定时器叠加执行，虽然0.5秒的延迟时间起到作用了，但是在这个延迟时间中，前面的几个定时器中...
setTimeout的时间设为0的问题
weixin_30830327的博客
11-18 384
javascript是单线程执行的，当某一段代码正在执行的时候，所有的后续任务都必须等待，形成一个队列， 一旦当前任务执行完毕，再从队列中取出下一个任务。这常被称为”阻塞式执行“。 如果代码中设定一个setTimeout，那么浏览器就会在合适的时候，将代码插入到队列中，如果这个时间设为0， 就代表立即插入到队列中，但是不会立即执行，仍然会等待前面的代码执行完毕。所以setTi...
Vue watch监听路由不生效，没反应
大炮哥的博客
02-05 4631
直接上代码： watch: { $route: { immediate: true, // 一旦监听到路由的变化立即执行 handler(to, from) { console.log("监听路由：" + JSON.stringify(to.name)); }, }, } 这样监听路由就能解决问题！ ...
关于setTimeout计时器问题
依稀梦兮的博客
04-03 773
for (var i = 1;i <= 5;i ++) { setTimeout(function timer() { console.log(i) },1000) } 执行程序时，先把计时器的函数放在线程任务中，相当于setTimeout(线程1，1000)，在执行完主任务for语句后（时间远小于1000）再调用线程，而此时i是全局变量，值为5，所以结果是:5,5,5,5,5同...
Vue.js中setTimeout导致过渡效果不稳定的解决方法
"本文主要探讨了解决Vue.js中使用setTimeout函数时遇到的问题，特别是与Vue组件的生命周期和动画效果相关的不稳定现象。" 在Vue.js应用中，开发者常常使用setTimeout来控制某些操作的延迟执行，例如在弹窗效果中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值