微信小程序setData修改数组某一项的值

官方文档示例：

changeItemInArray: function() {// 对于对象或数组字段，可以直接修改一个其下的子字段，这样做通常比修改整个对象或数组更好this.setData({'array[0].text':'changed data'})},

这种方法对于静态的数据设置有效，但是对于动态的数据，不起作用，会报错。

解决办法：设置数据时key需要使用中括号（[]）将其括起来

网上搜了下方法，在此记录一下

wxml：

<block wx:for="{{list}}" wx:key="index"><view class="item" data-index="{{index}}" bindtap="changeNum"><text>种类： {{item.title}} \n 价格： ￥{{item.price}}元 \n 数量： {{item.num}}</text></view>
</block>

js:

Page({/*** 页面的初始数据*/data: {list: [{title: '苹果',price: 6.89,num: 2},{title: '橘子',price: 5.68,num: 1},{title: '香蕉',price: 3.98,num: 1},],},//动态的更改数组中的数据，key只需要用中括号括起来就变成变量changeNum(e){var index = e.currentTarget.dataset.indexthis.setData({['list['+ index + '].num'] : 5})//静态的只能修改香蕉的数量// this.setData({//   'list[2].num': 3// })},})

PS: 换行符' \n '，一定要在text标签里才起作用，写在view里无法识别

微信小程序setData修改数组某一项的值相关推荐

微信小程序setData给数组赋值问题
因为小程序中分有逻辑层和渲染层等.所以需要用setdata函数,渲染到视图界面.普通的修改属性是通过this.setData({demo:true})的方法设置,但是本人遇到一种情况,需要通过下标区改 ...
小程序setData修改数组和对象
data数据 Page({ data: { arrs:[ { text: '0概率固定', value: 0 }, { text: '1累计固定', value: 1 }, { text: '2概率随 ...
小程序，修改数组或对象中的值，通过input动态修改数组对象中的值
data: {sourceList: [{name: '',link: '',code: '',intactLink: ''}, {name: '',link: '',code: '',intactL ...
微信小程序————setData()方法的使用和注意事项
微信小程序setData()使用: ##Page.prototype.setData(Object data, Function callback) setData 函数用于将数据从逻辑层发送到视图层 ...
微信小程序setdata方法
微信小程序setdata方法微信小程序中有时候需要从其他位置获取数据在前端调用一般会用到小程序中封装好的setdata方法: /** `setData` 函数用于将数据从逻辑层发送到视图层*(异步 ...
微信小程序动态修改样式
前言微信小程序动态修改样式:循环数组显示到页面,点击单独的按钮变换单独样式一.wxml <view class="fb_tips"wx:for="{{arr11 ...
微信小程序—在原有数组内添加元素
微信小程序-在原有数组内添加元素 data: {list: [ ] } this.setData({list: this.data.list.concat(XXX)})
小程序setdata优化_微信小程序 setData的使用方法详解
微信小程序 setData的使用方法详解微信小程序 setData的使用方法详解最近在使用微信小程序的setData时,遇到了以下问题.如下: 官网文档在使用setData()设置数组对象的某个元 ...
微信小程序动态修改头部title
微信小程序动态修改头部title 1,正常我们设置title的名字是这么设置的 {"navigationBarTitleText": "详情", } 2.在js ...
微信小程序多维数组筛选（以二维数组为例）
微信小程序多维数组筛选(以二维数组为例) 我们在遇到微信小程序进行筛选的时候,一般会使用到filter函数来进行筛选,但是有时候遇到多维数组怎么办呢? //例如这是我们的数组 arr: [{id: 1 ...

微信小程序setData修改数组某一项的值

微信小程序setData修改数组某一项的值相关推荐

最新文章

热门文章