комиссии(typeCommissions) очень долго перерисовывается таблица(таблица большая и в ней много сложных компонентов в ячейках).
Виртуал скролл и паддинг не предлагать ибо переключение лагает уже с 40 элементов.
Как это исправить? Может можно как-то закешировать рендер таблицы(у меня всего 3 случая) и показывать 3 разных рендера таблицы
Commission.vue
<template>
<v-tabs v-model="typeCommissions">
<v-tab :disabled="loading" :href="'#all'">All</v-tab>
<v-tab :disabled="loading" :href="'#external'">External</v-tab>
<v-tab :disabled="loading" :href="'#internal'">Internal</v-tab>
</v-tabs>
<v-data-table
:headers="headers"
:items="filteredItems"
:loading="loading"
>
</v-data-table>
</template
<script>
data() {
typeCommissions: 'all'
},
computed: {
filteredItems () {
if (this.typeCommissions === 'all') return this.items
return this.items.filter(({ type }) => this.typeCommissions === type)
},
},
</script>
материал оф юзай, с этим старьем можешь в чат вьютифай обратится
Спасибо, сейчас быстренько перепишу большую легаси crm на материал 👍
срм случайно не на вьютифай купил?)
вьютифай обвернутый vue + material черт знает как, хочешь помощи, иди к ним в чат
но лучше бросай это дело) и подключай материал
Обсуждают сегодня