joyanhui222
joyanhui222
  • 发布:2022-08-19 08:42
  • 更新:2022-08-19 09:07
  • 阅读:224

setInterval无法实时修改页面内容的问题

分类:uni-app

页面代码
<button type="primary" @click="time_button_yz()" >{{button_yz}}</button>

想实现 button_yz按钮倒计时 methods里time_button_yz函数内容如下

time_button_yz(){  
                console.log("time_button_yz","倒计时");  
                this.time_yzm = 60;  
                this.button_yz=this.time_yzm + this.$t('倒计时验证');  

                const fn = setInterval( () => {  
                    this.time_yzm--  
                    this.button_yz=this.time_yzm + this.$t('倒计时验证');  
                    console.log("time_button_yz","按钮: "+this.button_yz );  
                    if (this.time_yzm<1) {  
                        this.button_yz=this.$t('重新获取');  
                        clearInterval(fn)  
                    }  
                }, 1000);  

            },

time_button_yz 执行后,提示60秒倒计时,但是 不能每秒倒计时一次,console.log打印的倒计时 正常

2022-08-19 08:42 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

测试H5及App端未复现该问题,请检查代码或提供测试工程

该问题目前已经被锁定, 无法添加新回复