Как динамически обновить bootstrap - vue. js js данные таблицы - PullRequest
Новая
       21

Как динамически обновить bootstrap - vue. js js данные таблицы

0 голосов
/ 19 марта 2020

Я создал таблицу, используя bootstrap - vue, 

<div style="margin-left:300px;margin-right:300px" v-for="logger in loggers" :key="logger">
          <div>
            <b-table :items="items" :fields="fields" striped responsive="sm">
              <template v-slot:cell(all_levels)="row">
                <b-dropdown size="sm" split text="Action" class="m-2">
                  <b-dropdown-item-button>NONE</b-dropdown-item-button>
                  <b-dropdown-item-button>INFO</b-dropdown-item-button>
                  <b-dropdown-item-button>WARN</b-dropdown-item-button>
                  <b-dropdown-item-button>DEBUG</b-dropdown-item-button>
                  <b-dropdown-item-button>FATAL</b-dropdown-item-button>
                </b-dropdown>
              </template>
            </b-table>
          </div>
        </div>

и вот данные элемента 

items: [
        {
          isActive: "",
          Class: "",
          Current_Level: "",
          All_Levels: ""
        }]

Я хочу обновить значение «Класс» , "Current_Level" динамически в объекте массива "items" для отображения его в таблице.

Данные ответа, которые я получаю в виде json, выглядят примерно так: {"com.class","WARN"}

Как мне динамически обновить значение?

...