700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 微信小程序更新二维数组中的对象或数组的属性值

微信小程序更新二维数组中的对象或数组的属性值

时间:2020-04-19 05:25:45

相关推荐

微信小程序更新二维数组中的对象或数组的属性值

微信小程序更新二维数组中的对象或数组的属性值,这里可能有两种情况

1、微信小程序更新二维数组中的对象的属性值

更新二维数组中的某个对象的属性值,代码如下

js 代码

data: {familys:[{familyName:'贾家', users: [{name:'贾宝玉'},{name:'贾元春'},{name:'贾迎春'},{name:'贾探春'},{name:'贾惜春'}]},{ familyName:'王家', users: [{name:'王熙凤'},{name:'王夫人'},{name:'薛姨妈'}]},{familyName:'薛家', users: [{name:'薛宝钗'},{name:'薛蟠'},{name:'薛宝琴'}]},{familyName:'史家', users: [{name:'贾母'},{name:'史湘云'}]}]},updateUser() {let f = 'familys[' + 0 + '].familyName';this.setData({[f]:'江南甄家'})},

核心处在于定义一个变量,把要修改的 familys[0].familyName 以字符串形式拼接起来

wxml 代码

<view><view wx:for="{{familys}}" wx:key="*this"><view><text>{{item.familyName}}</text><view></view><text wx:for="{{item.users}}" wx:for-item="userItem" wx:key="userItem"><text>{{userItem.name}}</text><text>,</text></text></view></view><view><button bindtap="updateUser">更新</button></view></view>

运行效果如下图

2、微信小程序更新二维数组中的数组的属性值

更新数组中的数组的属性值

js 代码

data: {familys:[{familyName:'贾家', users: [{name:'贾宝玉'},{name:'贾元春'},{name:'贾迎春'},{name:'贾探春'},{name:'贾惜春'}]},{ familyName:'王家', users: [{name:'王熙凤'},{name:'王夫人'},{name:'薛姨妈'}]},{familyName:'薛家', users: [{name:'薛宝钗'},{name:'薛蟠'},{name:'薛宝琴'}]},{familyName:'史家', users: [{name:'贾母'},{name:'史湘云'}]}]},updateUser() {let f = 'familys[' + 0 + '].users['+ 0 +'].name'this.setData({[f]: '甄宝玉'})},

思路和上边一样,用拼接字符串的形式

wxml 代码

<view><view wx:for="{{familys}}" wx:key="*this"><view><text>{{item.familyName}}</text><view></view><text wx:for="{{item.users}}" wx:for-item="userItem" wx:key="userItem"><text>{{userItem.name}}</text><text>,</text></text></view></view><view><button bindtap="updateUser">更新</button></view></view>

运行效果如下图

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。