Как справиться с V-для ввода и больших данных? - PullRequest
Новая
       52

Как справиться с V-для ввода и больших данных?

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

Недавно я столкнулся с проблемой при использовании v-for для итерации больших данных с компонентом input. Проблема заключается в том, что когда я что-то пишу в поле ввода, это занимает много времени (почти 2 секунды на 1000+ данных). Вот мой V-For 

<v-col>
        <v-row v-for="item in editedItem.priceList" :key="item.id" no-gutters cols="12">
          <v-col cols="7" class="mr-3">
            <v-text-field v-model.lazy="item.type" solo :rules="[rules.required]" label="Jenis Barang" />
          </v-col>
          <v-col cols="2" class="mr-3">
            <v-autocomplete
              v-model.lazy="item.unit"
              :items="unit"
              label="Satuan"
              solo
            />
          </v-col>
          <v-col cols="2">
            <v-text-field v-model.lazy="item.price" solo :rules="[rules.required]" type="number" label="Harga Satuan" prefix="Rp " />
          </v-col>
        </v-row>
      </v-col>

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

...