vue使用定时器修改数据,页面未刷新!

最新推荐文章于 2024-10-25 14:31:25 发布

可爱滴菜鸟

最新推荐文章于 2024-10-25 14:31:25 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue JavaScript 文章标签： vue js

本文链接：https://blog.youkuaiyun.com/weixin_48802738/article/details/108647101

vue 同时被 2 个专栏收录

11 篇文章

订阅专栏

JavaScript

10 篇文章

订阅专栏

本文探讨了在Vue中使用定时器更新数据时遇到的问题：虽然成功修改了data中的数据，但页面却没有更新。文章详细解释了如何通过保存当前上下文的方法解决this指向问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在vue中使用定时器,修改data中的数据,页面不改变
代码是这样的

commonClick(index) {
       setTimeout(function () {
             this.count = this.count - 1;
              this.show = !this.show;
              }, 200);
            },

修改this指向后,页面更新,**注意vue中this的指向问题!!!**萌新一个,哪里有问题希望大家指出来!

commonClick(index) {
       let _this = this;
       setTimeout(function () {
             console.log(this)//window
             _this.count = _this.count - 1;
             _this.show = !_this.show;
              }, 200);
            },