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

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,
})
相关推荐
予你@。12 小时前
UniApp + Vue3 实现 Tab 点击滚动定位(微信小程序)
微信小程序·小程序·uni-app
大黄说说13 小时前
小程序商城哪个平台好?码云数智、有赞、微盟对比
小程序
游戏开发爱好者814 小时前
完整教程:App上架苹果App Store全流程指南
android·ios·小程序·https·uni-app·iphone·webview
潆润千川科技16 小时前
中老年同城社交小程序功能梳理与应用分析
小程序
说私域18 小时前
数字化运营视角下用户留存体系构建与实践研究——以AI智能客服商城小程序为载体
人工智能·小程序·产品运营·流量运营·私域运营
code袁18 小时前
基于Springboot+Vue的家教小程序的设计与实现
vue.js·spring boot·小程序·vue·家教小程序
一 乐19 小时前
健身房预约|基于java+ vue健身房预约小程序系统(源码+数据库+文档)
java·vue.js·spring boot·小程序·论文·毕设·健身房预约小程序
麦芽糖02191 天前
微信小程序七-2 npm包以及全局数据共享
前端·小程序·npm
2501_916007471 天前
ios上架 App 流程,证书生成、从描述文件创建、打包、安装验证到上传
android·ios·小程序·https·uni-app·iphone·webview
说私域1 天前
破局与重生:万人社群的“链动”生态进化论——兼论“链动2+1模式AI智能名片小程序”的自驱动机制
人工智能·小程序·私域运营