小程序改变数组某个对象的值

最新推荐文章于 2023-10-24 14:23:58 发布

原创最新推荐文章于 2023-10-24 14:23:58 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

微信小程序专栏收录该内容

30 篇文章

订阅专栏

本文详细介绍了在小程序中如何使用this.setData方法动态修改数组中特定元素的状态，通过具体实例展示了如何利用模板字符串来改变按钮背景颜色和禁用状态，为开发者提供了一种高效的数据更新策略。

data: {
  couponData:[],
},

比如我们要改变第一项btnBg和disabled的值
在这里插入图片描述

this.setData修改值的时候要使用 [ ] 包裹

let disabled = `couponData[${index}].disabled`;
let btnBg = `couponData[${index}].btnBg`;

this.setData({
  [disabled]: !this.data.couponData[index].disabled,
  [btnBg]: "#cccccc"
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不靠谱的作曲家

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序：实现数组对象中已知某一项更换对应项中的其他数据

weixin_46001736的博客

03-22

445

微信小程序：实现数组对象中已知某一项更换对应项中的其他数据

小程序setData数组某一项值

weixin_43046729的博客

08-04

1318

近期小程序项目中频繁改变数组中的值而且还需要及时显示，然后就是实现了一下，发现网上常用的字符串拼接的方式并不太适用于我的项目中来，所以就研究了一下方法，发现setData单项直接赋值修改不太好实现，就研究了一个较为折中的方法，就是先给原数组中要修改的值赋值，然后将远数组全体重新用setData重写，挺好使的，就是数据量大的话不适用，如果大家有更好的方法希望能共同交流分享一波，谢谢大家下面是代码-希望有更好的方法的话能分享给我 /* 整体思路就是先修改数组值，然后通过setdata，全数组更新值，来达到传递

参与评论您还未登录，请先登录后发表或查看评论

微信小程序setData()方法的详解以及对数组/json操作

热门推荐

NAMECZ的博客

03-20

11万+

此篇文章是本人对setData方法的一些理解，是查阅文档和查找一些其他资料综述的，有所不足希望指正！直接进入正题！一、setData（）方法： 1、参数接受一个对象，以key，value的形式表示； 2、参数和变量名称一致，可用一个值代替（es6新语法特性）如上图所示，在this.data中设置ceshi这条数据，在方法中，我们定义ceshi变量让其等于that.data.ce...

微信小程序setData修改数组(元素为对象)某一项属性的值

weixin_44868200的博客

05-26

1980

这里是引用：https://blog.youkuaiyun.com/eva_feng/article/details/105235791。设置数据时key需要使用中括号[]将其括起来(应该就类似与es6中的属性名表达式吧，小白不是很确定)在csdn上找到了解决办法，在此记录一下。官方给出：只对静态数据有效。

微信小程序之改变数组中某值，对象中某值的方法

夜阑珊妖妖

09-17

1174

1、更改数组中的值 paraList: [ {txt:'123',chose:false}, {txt:'1234',chose:false} ] let choseChange = "paraList[" + index + "].chose" this.setData({ [choseChange]: true }) 注意：选定数组的字符串不用写 this.data. !!! 可以改变数组中某一个特定下标的值 2、更改对象中的值 navbarData: { isfixed: false

微信小程序this.setData如何修改对象、数组中的值

weixin_42017221的博客

10-24

2288

data数据为三种情况数组对象对象中的数组。

微信小程序：更改数组或对象中的某一个值

qq_32654773的博客

05-28

5111

1、更改数组中的值 paraList: [ {txt:'123',chose:false}, {txt:'1234',chose:false} ] let choseChange = "paraList[" + index + "].chose" this.setData({ [choseChange]: true, numList: numList }) 可以改变数组中某一个特...

微信小程序开发之改变data中数组或对象的某一属性值

08-27

在微信小程序中，我们可以使用JavaScript来动态改变数组或对象的某一属性值。例如，在上面的代码中，我们使用`select`函数来改变`sDate`数组中某一项的`selected`属性值。当用户点击某一项时，我们将该项的`selected...

精选资源

微信小程序的数组添加、wx:for循环、删除、显示与隐藏，可以记录每一件事情

07-20

在微信小程序开发中，数组操作和数据绑定是基础且重要的环节。这个教程将带你了解如何在微信小程序中处理数组，包括向数组添加元素、使用`wx:for`循环展示数据、删除数组中的元素以及控制元素的显示与隐藏。作为一名...

微信小程序--修改data数组或对象里面的值或者给对象添加键值对

xiongbo_的博客

11-26

2万+

1.初始data数据 Page({ data:{ code:'1234', reward:[{ name:"艾伦", img:"../img/success.png", status:1 }, { name:"郝建", ...

微信小程序this.setData修改对象、数组中的值

Xweihaifeng@outlook.com的博客

01-26

1万+

在微信小程序的前端开发中，使用this.setData方法修改data中的值，其格式为： this.setData({ '参数名1':值1, '参数名2':值2 )} 需要注意的是，如果是简单变量，这里的参数名可以不加引号。经过测试，可以使用3种方式对data中的对象、数组中的数据进行修改。假设原数据为： data:{ user_info:{ name: 'li', age: 10 }, cars:['nio...

微信小程序动态改变数组中某个对象的某个元素值

liyucheng777的博客

04-27

3757

功能：根据用户的点击事件，判断用户选择的选项后，页面显示用户所选内容改变含有若干对象且对象中包含数组元素的数组中的某一个值，而不是改变整个数组知识点： 1.选中数组中特定项，并为其赋值 //index代表要改变的元素在数组中的索引 [`Motor_symptoms[${index}].yesOrno`]:1 2. .wxml <view wx:for="{{Motor_symptoms}}" wx:key="id" > ...

修改数组中对象的值（各种方法）

sunhy007的博客

10-08

1万+

依赖属性的理解

NightTravelDeity的专栏

02-02

1199

依赖属性，对于C++程序员来说是个新的名词。那么，它为什么这么称谓，它有什么作用，下面将进行说明？比如说MFC里面的按钮，它的颜色可以通过WM_COLORCTL消息绘制而来。它不是通过属性来设置，而是代码绘制。然而WPF可以，它只需要设置background属性就可以了。它的background属性就是依赖属性。但是，MFC里面的按钮名称，也可以直接设置属性就可以了。那么这个属性是不是也相当于

小程序指定更改数组或对象中的某一个值

王燕的博客

04-08

1万+

1、更改数组中的值设 paraList:[{txt:'123',chose:false},{txt:'1234',chose:false}]let choseChange = "paraList[" + index + "].chose" _this.setData({ [choseChange]: true, numList: numList })可以改变数组中某一个特定下标的值...

微信小程序-----改变数组中某项指定的值

菜二娘的博客

07-24

1万+

小程序中提供了Page.setData()方法来改变数据。我们通过key:value的形式（key即data中定义的变量名，value表示新的值）来改变数据，但是在在数据多的时候，我们只是想改变其中特定的某项的值的时候，重新刷新整个数组数据这样就显得有点复杂了。那怎么弄比较好呢。对于一个数组 dataArray: [ { color: '#f00', collect: true }, { co

微信小程序如何修改对象数组中对象的某个属性值

qq_33138785的博客

11-05

2632

以微信小程序中使用圆形覆盖物为例 data中的circles属性值 circles:[ { latitude:'0', longitude:'0', color:'#8A4DB3', fillColor:'#7cb5ec88', radius:600,//单位为m strokeWidth:2 } ], 这时候我们可能不希望这个覆盖物跑到(0,0)...

小程序 动态更改数组中对象的某个值

路漫漫其修远兮，吾将上下而求索

10-13

2106

小程序支持数据双向绑定，但是在逻辑层（js文件）中改变属性的值时必须要用this.setData({ a:A, b:B})这种格式，问题在于，当需求仅需要更改某个数组中对象的某个属性值时，这种格式就需要转换一下。如： students: [ { name: '张三', number: '1234' }, { name: '李四', number: '1111' }, ...

小程序中修改对象数组的值

sinat_31680159的博客

03-24

924

小程序中修改对象数组的值 catchtap解决事件冒泡问题 <text class="tagText" wx:else catchtap="setDefaultCommu" data-currentindex="{{index}}">设置为默认小区</text> data: { testObj:[{ id: 1, stateFlag: fa...

微信小程序通过按钮改变结构体中数组某个元素的值，给出具体的例子