Гость
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Зависает Vue.js приложение при большом количестве элементов в v-if. / 7 сообщений из 7, страница 1 из 1
26.11.2020, 16:10
    #40022497
rigor mortis
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Зависает Vue.js приложение при большом количестве элементов в v-if.
Привет
Столкнулся с проблемой когда выгружается список в таблицу и если model.rows содержит несколько десятков записей то вкладка на которой размещён список зависает, кнопки перестают работать. Разметка такая в vue-файле:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<tabe>
  <tbody>
    <tr v-for="row in model.rows" :key="row.number">
      <td>
       <input v-show="!readonly" type="checkbox" @change="handleChange(model, row)" v-model="row.isSelected"/>
      </td>
      <td><a v-if="row.Proproty" @click="clickHandler(row.number)"></a>{{row.item0}}</td>
      <td>{{row.item1}}</td>
      <td>{{row.item2}}</td>
      <td>{{row.item3}}</td>
    </tr>
  </tbody>
</table>



Есть ли какой-то способ оптимизировать код не прибегая к постраничному выводу?
...
Рейтинг: 0 / 0
26.11.2020, 18:14
    #40022530
vb_sub
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Зависает Vue.js приложение при большом количестве элементов в v-if.
Сколько конкретно количество model.rows?
...
Рейтинг: 0 / 0
27.11.2020, 09:13
    #40022645
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Зависает Vue.js приложение при большом количестве элементов в v-if.
rigor mortis
Есть ли какой-то способ оптимизировать код не прибегая к постраничному выводу?
использовать нативный js
...
Рейтинг: 0 / 0
27.11.2020, 16:13
    #40022811
vb_sub
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Зависает Vue.js приложение при большом количестве элементов в v-if.
вадя
rigor mortis
Есть ли какой-то способ оптимизировать код не прибегая к постраничному выводу?
использовать нативный js

vue не дает такого оверхеда, чтобы переходить на нативный js.
...
Рейтинг: 0 / 0
27.11.2020, 19:10
    #40022871
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Зависает Vue.js приложение при большом количестве элементов в v-if.
vb_sub
vue не дает такого оверхеда, чтобы переходить на нативный js.
однако у ТС
rigor mortis
если model.rows содержит несколько десятков записей то вкладка на которой размещён список зависает, кнопки перестают работать.
...
Рейтинг: 0 / 0
27.11.2020, 20:44
    #40022898
fkthat
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Зависает Vue.js приложение при большом количестве элементов в v-if.
Я совсем не очень с вуей, но, скажи, ты коллекцию rows как заполняешь/модифицируешь - как immutable (т.е. заменяешь её целиком) или работаешь с отдельными элементами? Потому что, например, в ангуляре это имеет большое значение для производительности.
...
Рейтинг: 0 / 0
27.11.2020, 22:12
    #40022910
vb_sub
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Зависает Vue.js приложение при большом количестве элементов в v-if.
fkthat,
делал и более нагруженные обработчиками списки (около 250-300 элементов)- все работало мгновенно. У него косяк явно в другом месте, а не в этом листе.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Зависает Vue.js приложение при большом количестве элементов в v-if. / 7 сообщений из 7, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]