BootstrapTable vuejs как обновить поле программно?

Question

[Андрей Рудаков]

Приветствую.
Использую VUEJS и BootstrapTable

<b-table
        ref="refShopListTable"
        class="position-relative min-height-250"
        :items="fetchShops"
        responsive
        :fields="tableColumns"
        primary-key="id"
        :sort-by.sync="sortBy"
        show-empty
        empty-text="Магазины не найдены ‍♀"
        :sort-desc.sync="isSortDirDesc"
      >

Данные прилетают по API обещанием.
Как мне изменить реактивно данные столбца(ячейки любой строки)?
Я уже понял как менять при взаимодействии со строкой (если на неё кликнуть и т.д).
Но как мне обновить поле в строке без клика на строку?

Comments

[Ice]

:items="fetchShops" - это же коллекция строк.
делайте для примера поиск объекта по ID, изменяйте как что нужно и обновляйте fetchShops

[Андрей Рудаков]

Ice,
Это данные из API напрямую идут в таблицу.

const fetchShops = (ctx, callback) => {
    return new Promise((resolve, reject) => {
      axios
        .get(gConfig.graphql.host, {
          params: {
            query: `query { getShops(input: {q:"${searchQuery.value}", perPage:10}) { 
            status,
            list { id, name, merchant, logo, created, status, synchronized, synchProducts } }}`,
          },
        })
        .then(response => {
          resolve(response.data.data.getShops.list)
        })
        .catch(error => reject(error))
    })
  }

[Ice]

Андрей Рудаков, а если при запросе сервер упал и вернул 500?

Более корректным будет:
1) создайте в data массив items
2) создайте метод для примера init в котором будет будет выполняться запрос.
Выкидываете из промиса resolve, выполняете проверку и закидываете данные в data массив items
3) создаете хук mounted в котором выполняете ваш this.init()
4) заменяете :items на ваш items из даты

Работаете с массивом items

[Андрей Рудаков]

Ice, Ожидал такого ответа, чтобы убедиться в корректности ;) Спасибо. Можете добавить в ответ, мало ли кому пригодится.

Answer 1

[Ice]

Более корректным будет:
1) создайте в data массив items
2) создайте метод для примера init в котором будет будет выполняться запрос.
Выкидываете из промиса resolve, выполняете проверку и закидываете данные в data массив items
3) создаете хук mounted в котором выполняете ваш this.init()
4) заменяете :items на ваш items из даты

Работаете с массивом items