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

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,
})
相关推荐
吴声子夜歌2 天前
小程序——布局示例
小程序
luffy54592 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟2 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序
小小王app小程序开发2 天前
海外盲盒小程序抽赏玩法分析(附跨境技术落地要点)
小程序
一叶星殇2 天前
微信小程序请求拦截器踩坑:避免重复刷新 token
微信小程序·小程序
hello kitty w2 天前
4. 基本语法
小程序
CHU7290352 天前
探索淘宝扭蛋机小程序:创意互动与趣味体验的融合
小程序
头发还在的女程序员3 天前
【免费下载】企业能源管理系统
小程序·策略模式·能源管理
吴声子夜歌3 天前
小程序——样式与布局
小程序
hello kitty w3 天前
3.小程序方法的封装
javascript·小程序