微信小程序:变量自加(变量++)和自减(变量--)无法在页面刷新数据

让一个变量自加或者自减,不能使数据在页面实时地更新,举个例子:
js文件:

Page({
	data:{
		num = 1, //用于自加的变量
		timer:null //定义定时器的返回值
		},
	onLoad: function (options) {
	    //使用定时器,每隔一秒让num自加一次
		this.data.timer=setInterval(()=>{
	     	this.data.num++
	     	console.log(this.data.num) //控制台输出
	    },1000)
    }
 })

.wxml文件

<view>{{num}}</view>

根据以上代码,最后的效果应该是从1每隔一秒就自加1,但是,页面一直是显示1,但是控制台(console)输出是1,2,3,……

这是我在做小程序时发现的现象,后来用setData函数就可以实现页面不断更新数据,只需把改成下面这样:

onLoad: function (options) {
	    //使用定时器,每隔一秒让num自加一次
		this.data.timer=setInterval(()=>{
			this.setData({
				num: this.data.num + 1
				})
	     	console.log(this.data.num) //控制台输出
	    },1000)
    }

这样就可以实现页面实时更新数据

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值