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

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,
})
相关推荐
毕设源码-朱学姐3 小时前
【开题答辩全过程】以 基于微信小程序的大学生安全素质综合培养平台设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
潆润千川科技6 小时前
中老年垂直社交小程序产品功能对比与设计思路分析
小程序
木风未来6 小时前
解锁自然新可能:露营租赁小程序如何让轻量化户外触手可及
小程序
木风未来9 小时前
破解家政维修信任困局:一个小程序如何让家庭服务更透明、更高效
小程序
Java.慈祥11 小时前
速通-微信小程序 5Day
java·微信小程序·小程序·npm
说私域12 小时前
数字围城下的防御与突围:基于私域流量与智能名片商城小程序的用户关系重构研究
小程序·重构·流量运营·私域运营
未来之窗软件服务12 小时前
服务器运维(三十四)小程序web访问慢ssl优化—东方仙盟
运维·服务器·小程序·仙盟创梦ide·东方仙盟
全栈小513 小时前
【小程序】微信小程序slice方法分割无效,单独输出一直为空,这是为什么呢
微信小程序·小程序·数组分割
Light6013 小时前
心智有效性测试小程序 V1.0 产品白皮书——心智结构量化与系统稳定性评估平台
小程序·apache
说私域13 小时前
数字商超的崛起:基于“链动2+1模式智能名片S2B2C商城小程序”的社交电商生态重构
人工智能·小程序·重构·流量运营