vue 解构赋值data数据,更改数据视图不更新

问题:

如下图所示:

选中tag标签,双滑块两端应在初始位置,解构赋值后,更改data,视图不更新。

// 点击标签
selectPrice(id) {
				let {
					valueLt, // 滑块左端值
					valueRt  // 滑块右端值
				} = this
                valueLt = 0
				valueRt = 1000
			}

原因分析:

当解构赋值获取到data中的变量后,如果直接修改这些变量的值,并不会触发试图重新渲染。页面渲染时会将 data 的修改做整合,多次 data 修改只会渲染一次。我还是规规矩矩用this了。

selectPrice(id) {
    this.valueLt = 0
	this.valueRt = 1000
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值