Создать и заполнить динамическую b-таблицу из локальных переменных - PullRequest
Новая
       16

Создать и заполнить динамическую b-таблицу из локальных переменных

0 голосов
/ 07 июля 2019

ОК, может быть, я не был достаточно конкретен, новая информация под РЕДАКТИРОВАТЬ:

У меня есть переменные (массивы и значения с одним значением), которые получают свои данные с предыдущей страницы .vue, переданнойover (это все работает)

СЕЙЧАС:

В «anzahlModule» хранятся числа, если это! = 0 Я хочу добавить строку таблицы и добавить это число какmoduleCount для этой строки.anzahlMOdule = [1,0,2,4] например

Также в зависимости от индекса числа в anzahlModule требуется отображать имя модуля:

Пример таблицы сокращен

Таким образом, модули с счетчиком 0 не будут отображаться (модуль 2 в примере).Другие статические переменные добавляются для каждой строки одинаково (widthcont, lengthcont, ...) будет одинаковым для каждой строки.(массив модулей еще не существует, так как у меня уже есть проблема с модулем count = anzahlModule)

с "полями" и "элементами" Мне удалось отобразить статическую версию с правильным количеством столбцов (Я могу добавить их код, если это необходимо).Но я просто жестко закодировал «файл данных» с несколькими элементами в нем.

Проще говоря: как я могу получить эти локальные данные 1. в таблицу вообще, потому что пока он не примет их и 2. только динамическипокажите его, если значение массива счетчиков не равно 0

HTML: 

 <b-table
    class="partslist"
    striped hover :items="items"
    :fields="fields"
  >
  </b-table>

SKRIPT: 

export default {
  data () {
    return {
      fields: {...},
      items: [{...}],
      heightcont: '',
      widthcont: '',
      lengthcont: '',
      gelaender: '',
      treppe: '',
      laufsteg: '',
      containertyp: '',
      anzahlModule: []
    }
  }
}

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

Лучше было бы

, чтобы иметь только одиншаблон и фактически динамически создавать новый элемент для каждого модуля anzahlModule, где значение не равно 0. и этот объект "item" должен быть добавлен в качестве новой строки таблицы.

EDIT: Итак, я поиграл, и я пришел к выводу: я получаю данные с предыдущей "страницы" .vue или, точнее, "просмотра", передал загрузку / создание данных в смонтированном виде, а также вызываю функцию там, эта функция затемэто хотя и анзалМодульСделайте это и создайте новый элемент.Остальное я написал прямо на картинке, так как это намного легче понять:

поля и элементы метод mount и addNewRow

...