微信小程序 this.setData 修改对象属情值（优化）

浅浅的花香味﹌ 2024-04-18 10:17 77阅读 0赞

# [微信小程序 this.setData 修改对象属情值][this.setData] #

page({
    
      data:{
    
            s1:{a:"",b:"b"}
    
        },
    
       changeData:function(e){
    
              var cData=this.data.s1;
    
              cData.a="1";//先修改json值
    
              this.setData({ //再set值
    
                    s1:cData
    
             })
    
        }
    
    })

这种this.setData的方式性能体验差

开发微信小程序时，使用setData修改data中数据时，针对各种情况的解决方案如下：

//示例data：
    data:{
    	code:'9527',
    	baseInfo:{
    		name:'夏尔',
    		age:19
    	},
    	family:[{
    		name:'大头爸爸',
    		age:'46'
    	},{
    		name:'美丽妈妈',
    		age:'45'
    	}]
    }

一、直接修改data的某个属性

this.setData({
    	code:'007'
    })

二、修改data里的数组或对象的属性

this.setData({
    	'baseInfo.age':24
    })

三、根据条件有选择性的改变（重点）

假设某种情况要根据条件改变某个特定值的某个属性，那么就需要先将要改变的属性转换成字符串，再用中括号括起来就可以了。

//此例假设改变对应index的某个属性值
    var temp_str='this.data.family['+index+'].age';
    this.setData({
    	[temp_str]:44
    });

[this.setData]: https://www.cnblogs.com/evemen/p/10735034.html

发表评论取消回复

表情：

评论列表（有 0 条评论，77人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序（优化）——this.setData()动态修改数组中的某一值

*wxml代码** <view> <van-icon name="add" color="ffc300...

一时失言乱红尘/ 2024年04月18日 10:17/ 0 赞/ 75 阅读

相关微信小程序 this.setData 修改对象属情值（优化）

[微信小程序 this.setData 修改对象属情值][this.setData] page({ data:{ ...

浅浅的花香味﹌/ 2024年04月18日 10:17/ 0 赞/ 78 阅读

相关微信小程序修改radio样式

案例：页面代码![在这里插入图片描述][4210c2d9559c4061ab2971588a3a4456.png] 样式如下： (前）![改前][415288a

「爱情、让人受尽委屈。」/ 2024年04月07日 10:25/ 0 赞/ 88 阅读

相关微信小程序传值

1》数据 data:{ str:"value值" } { {str}} 2》列表渲染（循环）

一时失言乱红尘/ 2023年03月06日 08:06/ 0 赞/ 3 阅读

相关微信小程序修改单个对象属性参数

数组对象太复杂，直接setData会很慢，性能很差，于是想到单独更新对象某个属性 this.setData({ [`good

约定不等于承诺〃/ 2022年12月28日 06:17/ 0 赞/ 140 阅读

相关微信小程序修改data值必须要setData

直接修改this.data，而不调用this.setData()，是无法改变当前页面的状态的，会导致数据不一致正确案例： getHttp(res,key,titl

忘是亡心i/ 2022年11月25日 10:09/ 0 赞/ 195 阅读

相关微信小程序中使用emoji表情

【问题描述】微信小程序开发，商户授权给用户后，用户便可关注小程序。有的用户的微信账户号中带有emoji表情，这样的话，直接存储到mysql5.5以下版本的数据

悠悠/ 2022年06月06日 00:25/ 0 赞/ 391 阅读

相关微信小程序修改data中定义的值setData()

1.修改普通变量的值 data: { isShowPage1:false, count:0, }, pla

我会带着你远行/ 2022年05月28日 11:59/ 0 赞/ 212 阅读

相关微信小程序修改页面标题

Page({ data: {}, onLoad: function (options) { var that = this;

一时失言乱红尘/ 2022年05月09日 04:28/ 0 赞/ 336 阅读

相关微信小程序或支付宝小程序修改对象数组内某一项的值

在js文件中的data数据如下 data: { info:p[ { name:"jack",

雨点打透心脏的1/2处/ 2022年03月30日 10:16/ 0 赞/ 725 阅读