问题:
如下图所示:
选中tag标签,双滑块两端应在初始位置,解构赋值后,更改data,视图不更新。
// 点击标签
selectPrice(id) {
let {
valueLt, // 滑块左端值
valueRt // 滑块右端值
} = this
valueLt = 0
valueRt = 1000
}
原因分析:
当解构赋值获取到data中的变量后,如果直接修改这些变量的值,并不会触发试图重新渲染。页面渲染时会将 data 的修改做整合,多次 data 修改只会渲染一次。我还是规规矩矩用this了。
selectPrice(id) {
this.valueLt = 0
this.valueRt = 1000
}