Bootstrap-Vue: как получить динамические заголовки таблиц? - PullRequest
Новая
       9

Bootstrap-Vue: как получить динамические заголовки таблиц?

0 голосов
/ 27 марта 2019

В настоящее время работает с Bootstrap-vue . Мне нужно сгенерировать b-table, но с динамическими значениями заголовка, которые я получаю от API, не знаю, как это сделать.

Я попытался обычным способом установить поля в данных, который работает нормально, но если я пытаюсь установить вычисляемые поля, я не получаю значений в своей таблице. `

computed: {
    fields () {
      return ['date', ...this.scheduler.times]
    }
  }

`

this.scheduler.times - это данные, полученные от API, которые содержат массив, как показано ниже. Также к этому массиву можно добавить больше раз
(данные из API) `

[
    {
        "id": 1,
        "start": "01:30:00",
        "end": "09:30:00"
    },
    {
        "id": 2,
        "start": "10:00:00",
        "end": "13:00:00"
    }
]

`

Ожидаемый результат будет, когда у меня есть заголовки столбцов со временем от API и добавленный столбец дат.

Я могу сгенерировать серию дат, используя момент, но не уверен, как мне сопоставить это с b-table

Ниже приведен скриншот результата, который я хотел бы получить: expected result

Любая помощь будет принята с благодарностью. Спасибо

...