val.fileNmeC = val.fileName.split('_')[0]val.ddc = val.fileName.split('_')[1].split(".")[1]console.log("aa",val.ddc)

实现此功能的数据处理方法,总结了如下三种方法,

主要核心思想就是把要添加到这个数组对象里的属性 去挂载到这每一个对象里

方法一:直接挂载 (推荐)

if (res.code === 200) {
//res.data接口返回的数据res.data.forEach(val => {// val.fileNmeC、val.fileNmeSty 在val上添加的挂载名字,(自定义即可) //val.fileName 直接取这个需要处理的数据,split字符串方法进行切割,// 其结果是切割成一个数组 val.fileName.split('_')//用下标0 去取数组的第一项,即可把文字部分取出来val.fileNmeC = val.fileName.split('_')[0]//通过'.'去分隔,拿到一个数组,然后取数组的第二项,下标为0 可取出扩展名 ‘doc’val.fileNmeSty = val.fileName.split('.')[1] })this.formation = res.dataconsole.log('aaAA', this.formation)}  

方法二: val["typeS"]

if (res.code === 200) {
//res.data接口返回的数据res.data.forEach(val => {// val['ileNmeC']、val['fileNmeSty'] 在val上添加的挂载名字,(自定义即可) //val.fileName 直接取这个需要处理的数据,split字符串方法进行切割,// 其结果是切割成一个数组 val.fileName.split('_')//用下标0 去取数组的第一项,即可把文字部分取出来 val["fileNmeC"] = val.fileName.split('_')[0]  //通过'.'去分隔,拿到一个数组,然后取数组的第二项,下标为0 可取出扩展名 ‘doc’val["fileNmeSty"]= val.fileName.split('.')[1] })this.formation = res.dataconsole.log('aaAA', this.formation)}  

方法三: this.$set(val,'name',arr)

 if (res.code === 200) {
//res.data接口返回的数据res.data.forEach(val => {this.$set(val,'ileNmeC',arr)//  ileNmeC fileNmeSty  在val上添加的挂载名字,(自定义即可) //val.fileName 直接取这个需要处理的数据,split字符串方法进行切割,// 其结果是切割成一个数组 val.fileName.split('_')//用下标0 去取数组的第一项,即可把文字部分取出来   this.$set(val,'fileNmeC', val.fileName.split('_')[0])//通过'.'去分隔,拿到一个数组,然后取数组的第二项,下标为0 可取出扩展名 ‘doc’this.$set(val,'fileNmeSty', val.fileName.split('_')[1]) })this.formation = res.dataconsole.log('aaAA', this.formation)}  

vue中 向一个数组中的每一个对象里添加一个属性相关推荐

  1. vue2.x 给一个对象里添加一个没有的属性

    obj = {...obj, name:'addName'} //给obj对象 添加一个name字段,并且赋值为'addName' 参考: 转载于:https://www.cnblogs.com/cy ...

  2. vue+js 从一个数组中删除在另一个数组中已存在对象;

    数组,对象常用的删除方法: 1.根据一个数组元素,删除另一个数组中的对象: var a = [{ id: 15 }, { id: -1 }, { id: 0 }, { id: 3 }, { id: 1 ...

  3. 算法题:“找出单身狗”--找出一个数组中只出现一次的数字

    题目:一个数组中只有两个数字是出现一次,其他所有数字都出现了两次. 编写一个函数找出这两个只出现一次的数字. 解题过程以及思路:(思路在代码中以注释形式给出) //一个数组中只有两个数字是出现一次,其 ...

  4. 从一个数组中找出 N 个数,其和为 M 的所有可能--最 nice 的解法

    比起讨论已经存在的大牛,我们更希望有更多有潜力的前端小伙伴成为大牛,只有这样,前端在未来才能够持续不断的发光发热. 故事的背景 这是一个呆萌炫酷吊炸天的前端算法题,曾经乃至现在也是叱咤风云在各个面试场 ...

  5. 改进,从一个数组中找出 N 个数,其和为 M 的所有可能

    特此说明,本文算法改自于<从一个数组中找出 N 个数,其和为 M 的所有可能--最 nice 的解法>一文.本文不同的是,采用二进制正序表示法,这种实现思路更直观.更简单些. 问题 从一个 ...

  6. 将一个数组中的字符串用指定字符分割开,分别放到另一个数组中

    #include "stdafx.h" #include <stdio.h> #include <string.h> #pragma warning(dis ...

  7. C语言:一个数组中只有两个数字是出现一次

    1 //1.一个数组中只有两个数字是出现一次, 2 //其他所有数字都出现了两次. 3 //找出这两个数字,编程实现.a 4 5 //^=单独两个数的^结果 6 //单独出现的两个数不同位的标记 7 ...

  8. dataframe筛选数据根据某一个列的数据在另外的一个数组中

    对dataframe中的数据进行筛选.想要根据某一列的数据比如要在另外的一个数组中,这时,就需要用到dataframe中比较经典的函数了isin()函数. 函数会返回一个bool型的dataframe ...

  9. 剑指offer:给定一个数组A[0,1,...,n-1],请构建一个数组B[0,1,..,n-1],其中B中的元素B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]*...*A[n-1]

    给定一个数组A[0,1,...,n-1],请构建一个数组B[0,1,...,n-1],其中B中的元素B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]*...*A[n-1]. 不能使用除 ...

最新文章

  1. python判断密码是否正确_第一个python程序-判断登陆用户名和密码是否正确
  2. Apriori算法进行关联分析(1)
  3. cocos2d-x游戏实例(21)-纵版射击游戏(8)
  4. LiveVideoStack线上分享第四季(三):在线教育的音视频架构设计及弱网对抗技术...
  5. toolStripButton调整大小并只显示text
  6. Python ord 函数 - Python零基础入门教程
  7. Web测试中容易被忽略的Charset问题
  8. 性能调优的方法及概念
  9. TCP Socket
  10. 【优化算法】麻雀搜索优化算法(SSA)【含Matlab源码 1288期】
  11. Gif制作工具:gif图片制作。gif图片怎么生成。三款gif生成工具。
  12. html双人对战源码,双人对战五子棋游戏 综合运用HTML、CSS、JavaScript实现
  13. 20189320《网络攻防》第八周作业
  14. 大带宽、高灵敏度、扫描快速手持式监测接收机TFN DC700S
  15. 著名设计师的标志(Logo)设计观 1
  16. JAVA计算机毕业设计大学校园兼职网站Mybatis+系统+数据库+调试部署
  17. 今日头条18校招第一批算法笔试
  18. 作为项目经理你应该掌握的关键链法
  19. 使用Cluster API提供裸金属Kubernetes
  20. python编写一个程序、判断用户输入的数是正数还是负数_java试编写一程序,可由键盘输入一个整数,然后判断该数值是正数还是负数.(if)...

热门文章

  1. python猜单词游戏_Python小程序之猜单词游戏
  2. 什么是软文, 软文怎么写
  3. 首度基因lims(实验室)管理系统
  4. js在指定的td中插入html元素,js在指定位置增加节点函数insertBefore()用法实例
  5. DragonBoard 410c开发套件试用上手报告-搭建一个家庭智能管家的大脑
  6. 韦东山嵌入式第一期学习笔记DAY_1——2_0_安装ubuntu16.04虚拟机
  7. JPG、GIF、PNG和BMP格式的图片各有什么优点和缺点
  8. c++第二次作业-定期存款利息计算器
  9. python取数组的一列,numpy取数组前几列 怎样取numpy数组指定行列
  10. 适合计算机专业的电脑配置,设计师电脑配置,真的要好好看清单