Пользовательский компонент Vuetify таблицы данных не загружается за пределы страницы 1 - PullRequest
0 голосов
/ 10 января 2020

У меня есть таблица данных Vuetify 1.5 с двумя столбцами, один - только текст, а другой - пользовательский компонент - поле множественного выбора с верхним выделением.

Без нумерации страниц это работает абсолютно отлично (выбирает, сохраняет, загружает).

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

Я поставил точку отладки в методе create () пользовательского компонента, и он был найден только 5 раз, то есть только для тех, кто на странице 1. Даже когда я go перехожу на следующую страницу, следующие 5 не попадают.

Должен ли я запускать что-то вручную для последующих страниц?

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

screenshot 1

На следующей странице вы можете увидеть в консоли Vue выбранные элементы были заполнены в подпорках, но не отображаются на экране.

screenshot 2

Я пробовал это - не помогает:

updatePagination() {
  if (this.$refs.multiSelects) {
    this.$refs.multiSelects.forEach((multiSelect) => {
      multiSelect.$forceUpdate();
    });
  }
},

1 Ответ

0 голосов
/ 10 января 2020

Я нашел свое собственное решение:)

Передача уникального: ключа к компоненту.

{ ссылка }

...