小程序js赋值在wxhl中作用不到

昨日青空569

已于 2022-05-23 11:49:48 修改

阅读量807

点赞数

分类专栏：小程序赋值文章标签： javascript 微信小程序

于 2022-04-19 16:13:58 首次发布

本文链接：https://blog.youkuaiyun.com/qq_62303965/article/details/124275618

版权

小程序赋值专栏收录该内容

1 篇文章

订阅专栏

在微信小程序中，单纯使用JS的赋值操作符='无法实现数据在页面（wxhl）上的实时更新。为达到双向绑定效果，需要通过setData方法。错误示例显示仅赋值无法更新视图，解决方案是直接使用setData更新数据。

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

问题描述

接口获取到数据this.setData赋值在改变数组中的数据，在js中赋值之后再wxhl中循环展示的还是原来的数据但是在js中打印数据是赋值之后的正确数据

错误示例：作用到的数据还是原res.data.inProgressList的数据

app.myAjax.getHistoryActivity({//接口请求数据
        }, res => {
            this.setData({
                inProgressList: res.data.inProgressList,
            })
             this.data.inProgressList.map(function(item,index){
                item.journey1 = item.journey*0.00067
                item.journey = item.journey1.toFixed(2)
             })

原因分析及解决方案：

在js中 = 是可以赋值的，但是不具有同步绑定到wxhl中的效果，但是this.setData({})赋值具备数据双向绑定的效果，所以我们想要实现双向绑定的效果在使用=赋值之后还需setData一下，所以还不如直接使用setData

正确示例

app.myAjax.getHistoryActivity({//接口请求
        }, res => {
            res.data.inProgressList.forEach(function(item,index){
                item.journey1 = item.journey*0.00067
                item.journey = item.journey1.toFixed(2)
                //item.journey = (item.journey*0.00067).toFixed(2)// 合在一起写一定要加（）
            })
            this.setData({
                inProgressList: res.data.inProgressList,
            })