美文网首页
vue 修改数组键值的名

vue 修改数组键值的名

作者: 吖_7c06 | 来源:发表于2023-11-06 09:31 被阅读0次

1、对象属性键名修改:

data: {
    code: 0,
    text: '数据分析',
    plant: [],
},
// 把data下的plant改成children
data: {
    code: 0,
    text: '数据分析',
    children: [],
},

关键语句

let newData= JSON.parse(JSON.stringify(this.data).replace(/plant/g,"children"))

2、数组属性键名修改:

plant: [{
    plant_code: 1,
    plant_name: "烘干车间",
    device:[],
},{
    plant_code: 2,
    plant_name: "窑炉车间",
    device: Array(2),
}],
// 数组中属性键名挨个修改成所需
// 把plant下的plant_code改成company_id、plant_name改成company_name、device改成children
plant: [{
    company_id: 1,
    company_name: "烘干车间",
    children:[],
},{
    company_id: 2,
    company_name: "窑炉车间",
    children: Array(2),
}],

关键语句

this.plant = this.plant.map(item=>({
      company_id:item.children_code,
      company_name:item.children_name,
      children:item.device,
}))

相关文章

网友评论

      本文标题:vue 修改数组键值的名

      本文链接:https://www.haomeiwen.com/subject/uyitwdtx.html