data:{text1:1,text2:2,text3:3,
}let obj = {text1:this.text1,text2:this.text2,text3:this.text3,...
}

场景:打印obj, 可以通过循环的方法,变量名使用 obj[‘text’+i];data里面的值 that. d a t a [ ‘ t e x t data[`text data[‘text{i}`]

let obj = {}
for (let i=1;i<=3;i++) {obj['text'+i] = that.$data[`text${i}`];
}
console.log(obj);//{text1: 1, text2: 2, text3: 3}

结果:
{text1: 1, text2: 2, text3: 3}

vue js 多个对象拼接(变量名key拼接 + 值value拼接)相关推荐

  1. php如何拼接变量名,php动态拼接变量名,可变变量,动态变量,使用花括号,使用两个$符...

    php动态拼接变量名,可变变量,动态变量,使用花括号,使用两个$符 方式一:使用花括号,前缀部分不需要用单引号 $nums10 = 100; $xxx*${bcount.$nums10}['m54'] ...

  2. shell 使用字符串拼接变量名

    shell 使用字符串拼接变量名 # 定义好要用的变量 REMOTE_SERVER_dev: "gitlab-runner@192.168.1.6:/data/build"# 生成 ...

  3. JavaScript字符串拼接变量名及赋值

    某些时候需要通过传参的形式来改变或获取有规律的变量值,就可以用到变量名拼接 传参拼接变量名获取值方法一:(适用于全局变量) //通过中括号[]var lang_zh = '你好'; var lang_ ...

  4. js给数组添加数据的方式/js 向数组对象中添加属性和属性值

    参考:https://www.cnblogs.com/ayaa/p/14732349.html js给数组添加数据的方式有以下几种: 直接利用数组下标赋值来增加(数组的下标起始值是0) 例,先存在一个 ...

  5. 循环给对象创建属性名和属性值

    4.7号笔记: ​ ① 循环给对象创建属性名和属性值: data.forEach(item => {item.identity = identity;})console.log(data);

  6. 对象的属性名与属性值

    注意共有5个步骤,按顺序操作下去 1.在对象中保存的值称为属性,对象的属性名不强制要求遵守标识符规则,什么名称都可以,我对象属性的语法:1对象.属性名,注意:如果对象中没有的属性,不报错而是返回und ...

  7. [转载]js:数组里面获取键名和键值

    原文地址:js:数组里面获取键名和键值 作者:function http://www.cnblogs.com/xxmb/archive/2013/11/19/3431118.html 在写php时用a ...

  8. JavaScript获取数组对象里面的键(key)和值(value)

    JavaScript获取数组对象里面的键key和值value对象键值 知识回调 场景复现 三种方法获取数组对象里的键值 1.Object.keys() 2.Object.entries(obj) 3. ...

  9. vue怎么给html元素加类选择器,Vue.js——获取Dom对象的类选择器名(className)

    方法一:通过监听器监听方法event参数获取dom对象 代码: vue自定义指令 .pop{ width:100px; background-color:#ffff00; height:100px; ...

最新文章

  1. VS2017 OpenCV配置
  2. iMeta:德布鲁因图在微生物组研究中的应用(全文翻译,PPT,视频)
  3. Hadoop源码分析-Context
  4. mysql 5.5.41 下载_MySQL 5.5.41/5.6.22 发布下载
  5. 15. 三数之和 golang
  6. 承担集团数万应用、研发人员日常工作,阿里持续交付平台的设计、迭代之道... 1
  7. weblogic启动服务报错
  8. DDMS连接bluestacks找不到设备
  9. 更快,可扩展性更强的 Apache Cassandra 4.0 正式发布
  10. maven package,clean,install,compile命令
  11. deepstream-app源码没有公开,预计3.0可能公开
  12. android.jar 重新编译,android的framework.jar反编译,并重新编译
  13. Java二分查找法代码
  14. VUE+Django项目编写
  15. 使用企业微信的jsdk调用企业微信api--前端
  16. qcc烧录工具/qcc全系列量产单个烧录工具烧录软件qcc3020/3040/5124/5126/5144
  17. 安装华为P10plus的手机驱动过程
  18. Android彻底解决Youtube和Google play store等套件报错崩溃的问题
  19. 电脑桌面显示两个计算机,电脑如何用两个显示器_怎么一台主机两个显示器-win7之家...
  20. (Router)路由交换实验

热门文章

  1. Python中的数据可视化工具与方法——常用的数据分析包numpy、pandas、statistics的理解实现和可视化工具matplotlib的使用
  2. 提交AppStore审核总有意外出现?美团被下架
  3. 全国最好吃的大学食堂来啦!隔壁小孩都馋哭了!
  4. 小学五年级趣味计算机课程,新媒体联盟 | 五年级小学段课程记——项目研究乐游学 趣味活动展风采...
  5. Quest3d的项目管理
  6. RGB颜色空间和CIELab颜色空间互换(matlab代码)
  7. book mac pro怎么重装系统_如何在Macbook Pro上安装三系统详解教程?
  8. 学习历程--普中51单片机A2--蜂鸣器实验
  9. 【POJ3208】 (DP)
  10. 串口工具SecureCRT不能输入命令