Откуда тормоза в Edge на рендере списка через VueJS?

Простенький тест на Vue.js на вывод 10000 объектов - более-менее нормально отрабатывает в IE11, но люто тормозит по нажатию Refresh в MS Edge (в десять раз медленнее первой загрузки и отображения). То есть первая загрузка пролетает мгновенно (10-12с), а потом при попытке нажать Reload - уже >100 с. Ослик 11 такой сценарий отрабатывает одинаково как для первоначальной загрузки, так и при последующих нажатиях Reload. Хром и Лиса впятеро быстрее работают.

<table>
	<tr v-for="row in rows">
		<td>{{ row.a }}</td>
		<td>{{ row.b }}</td>
	</tr>
</table>


new Vue({
  el: 'table',
  data: { rows: [] },
  beforeCompile: function() {
    for(var i=0; i< 10000; i++) { this.rows.push({ a: 'aaa', b: i}); }
  }
});
  • Вопрос задан
  • 512 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Tupbich
vuejs.org/guide/list.html#track-by
конкретно по Эджу не подскажу, но вообще можно вот это использовать.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы