vue中 向一个数组中的每一个对象里添加一个属性
val.fileNmeC = val.fileName.split('_')[0]val.ddc = val.fileName.split('_')[1].split(".")[1]console.log("aa",val.ddc)实现此功能的数据处理方法,总结了如下三种方法,主要核心思想就是把要添加到这个数组对象里的属性 去挂载到这每一个对象里方法一:直接挂载 (推荐)if (res.code
·
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.data
console.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.data
console.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.data
console.log('aaAA', this.formation)
}
更多推荐
已为社区贡献2条内容
所有评论(0)