Несколько полей в одном элементе массива, используя Vuejs

Question

Как мне добавить два или три поля из одной строки в один элемент массива в 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;
      })

База данных

Answer 1

Как уже отмечалось, vue может обрабатывать массивы или любые другие типы в качестве данных.

Но, чтобы ответить на ваш вопрос, предположим, что vehicles данные с сервера - это объект типа:

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 vehicles = [{
    id: 1,
    make: 'BMW',
    model: '100',
    year: 1994
  },
  {
    id: 2,
    make: 'Audi',
    model: '1 Series M',
    year: 1994
  }
]

const output = vehicles.map(car => `${car.make} ${car.model} ${car.year}`)
console.log(output);