powered by simpleCommunicator - 2.0.49     © 2025 Programmizd 02
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Зависает Vue.js приложение при большом количестве элементов в v-if.
7 сообщений из 7, страница 1 из 1
Зависает Vue.js приложение при большом количестве элементов в v-if.
    #40022497
rigor mortis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Привет
Столкнулся с проблемой когда выгружается список в таблицу и если 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
Зависает Vue.js приложение при большом количестве элементов в v-if.
    #40022530
vb_sub
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Сколько конкретно количество model.rows?
...
Рейтинг: 0 / 0
Зависает Vue.js приложение при большом количестве элементов в v-if.
    #40022645
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
rigor mortis
Есть ли какой-то способ оптимизировать код не прибегая к постраничному выводу?
использовать нативный js
...
Рейтинг: 0 / 0
Зависает Vue.js приложение при большом количестве элементов в v-if.
    #40022811
vb_sub
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
rigor mortis
Есть ли какой-то способ оптимизировать код не прибегая к постраничному выводу?
использовать нативный js

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


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