小程序 多层次对象数组的赋值、动态赋值

1、给对象赋值

javascript 复制代码
  data: {
    form: {
      Name: '',
      IDCard: '',
      Sex: '',
    }
  },

对单个属性赋值

javascript 复制代码
this.setData({
      'form.Name':'章三',
      ['form.Sex']:'女',
    })

动态赋值

javascript 复制代码
onChangeDate(e) {
    let field = e.currentTarget.dataset.field;
    this.setData({
      [`form.${field}`]: e.detail.data
    })
  },

field 是wxml上通过data-field传过来的

2、给对象数组赋值

javascript 复制代码
Questions: [
      {
        name: 'HighStrung',
        question: '今天你的心情好吗?',
        score: null,
        options: [
          {
            ans: '没有',
            val: 0,
            scoreOpt: null,
          },
          {
            ans: '有几天',
            val: 1,
            scoreOpt: null,
          }
        ]
      }
    ]

对单个属性赋值:

javascript 复制代码
this.setData({
   [`Questions[${index}].score`]: val
})
this.setData({
   [`Questions[${index}].options[${idx}].scoreOpt`]: val,
})
相关推荐
chaosama2 小时前
微信小程序带参分享、链接功能
微信小程序·小程序
ALLSectorSorft4 小时前
上门服务小程序会员系统框架设计
小程序·apache
说私域12 小时前
基于定制开发开源AI智能名片S2B2C商城小程序的首屏组件优化策略研究
人工智能·小程序·开源·零售
Uyker1 天前
微信小程序动态效果实战指南:从悬浮云朵到丝滑列表加载
前端·微信小程序·小程序
Uyker2 天前
从零开始制作小程序简单概述
前端·微信小程序·小程序
说私域2 天前
定制开发开源AI智能名片驱动下的海报工厂S2B2C商城小程序运营策略——基于社群口碑传播与子市场细分的实证研究
人工智能·小程序·开源·零售
说私域2 天前
内容力重塑品牌增长:开源AI大模型驱动下的智能名片与S2B2C商城赋能抖音生态种草范式
人工智能·小程序·开源·零售
Nueuis3 天前
微信小程序前端面经
前端·微信小程序·小程序
轩1153 天前
实现仿中国婚博会微信小程序
微信小程序·小程序
2501_918941053 天前
旅游微信小程序制作指南
微信小程序·小程序·旅游