Javascript 使用Vuejs的单个数组元素中的多个字段

如何在Vue中的单个数组元素中从一行添加两个或三个字段？ Vue

Vehicles: [
   "BMW 100 1994",
   "Audi 300 2001",
   "Toyota 200 2000",
   "Mazda 104 2011",
   "Car 104 2014",
   "Car2 140 2015" ]

回应

axios.get('/api/manage/manage/vehicles').then(response => {
        this.vehicles = response.data.vehicles;
      })

数据库

---

如前所述，vue可以处理数组或任何其他类型的数据

但为了回答您的问题，假设来自服务器的

车辆

数据是如下对象：

console.log(response.data.vehicles)
[
  {id: 1, make: 'BMW', model: '100', year: 1994},
  {id: 2, make: 'Audi', model: '1 Series M', year: 1994}
]

为了满足您的期望，您可以：

axios.get('/api/manage/manage/vehicles').then(response => {
  this.vehicles = response.data.vehicles.map(car => `${car.make} ${car.model} ${car.year}`);
})

请参阅上面的代码片段以测试如何完成此操作：

const车辆=[{
id:1，
制造：“宝马”，
型号：“100”，
年份：1994年
},
{
id:2，
制造‘奥迪’，
型号：“1系列M”，
年份：1994年
}
]
const output=vehicles.map（car=>`${car.make}${car.model}${car.year}`）
控制台日志（输出）