Stanislav
Тормоза еще могут быть при инициализации, т.к. vue надо будет пройти по всем полям каждого из 10к и сделать их реактивными
Глеб
тут скорее
"виртуализация списков из 10к редактируемых элементов с множеством состояний“
🐏 Alexander
интересная задачка, а как это выглядит вообще?
Глеб
может кто помнить tweetdeck клиент, на экране колонки твитов бесконечно влево и каждая бесконечно вниз…
при выделении элемента списка он ещё разваричвается сдвигая нижние...
Глеб
это внтурекорпоративный инструмент там данные всякие которые я наверное не могу заскриншотить сюда
Stanislav
🐏 Alexander
Roman
🐏 Alexander
да вот я тоже думаю, скорее просто слишком много компонентов, надо их подгружать динамически может
Roman
Глеб
ну в общем то сейчас всё хорошо работает есть большой компонент
editor-list.vue
там 30% логики колонки остальное айтема…
…думал айтем вынести в
editor-item.vue
и наткнулся на тормоза
🐏 Alexander
может асинхронные компоненты помогут?
Stanislav
🐏 Alexander
Глеб
пагинация есть…. я не показываю то что не вижу…
…но всё равно удивился что чем разделение в этом случае затормозило так что такое решение не пригодно
при выборе элемента у него меняется текст и css анимацией высота плавно расширяет высоту айтема…
…а когда айтемы компоненты анимациия css тормозит рывками
Глеб
Глеб
"виртуализация списков"
тоже можно помочь нагуглить
🐏 Alexander
https://vuejs.org/v2/guide/components.html#Async-Components
Stanislav
Глеб
при изменении состояния тормоза получаются,
кадр рендерится дольше чем ему отведено
в профайлере этот момент таки и не понял где, вернулся тогда к прежней версии
сейчас просто заново думаую пересобрать стейт на vuex ну а рефакторинг вьюшкам дело не сложное, если понимать что делать
Глеб
"виртуализация списков" - это как тут https://music.yandex.ru/search?text=Вольфганг%20Амадей%20Моцарт&type=tracks
…почти, где-то в яндекс музыке видел бесконечные списки, покзалось что они работают так :
как бы создаётся всегда только то количество айтемов что помешается на экране и у них просто меняется состояние в зависимости от положения скролла.
верно понимаю про "виртуализацию списков" или это что-то другое?
Stanislav
Stanislav
Лучше даже https://clusterize.js.org/
Глеб
https://github.com/tangbc/vue-virtual-scroll-list
- yes!!!
да похоже это то что нужно!!!
Благодарю! попробую
Stanislav
Или рисовать на канвасе 🙈
Глеб
🙏✨
Абдула
Всем привет. У компонента есть 2 props`а. Один с валидацией, другой без. Как их оформить? Ведь те что без валидации в массиве передаются, а с валидацией в объекте.
Roman
🐏 Alexander
🐏 Alexander
ты про тип пропса?
Абдула
// простая проверка типа (`null означает допустимость любого типа) все. нашел ответ
Абдула
🐏 Alexander
всегда надо указывать тип, укажи несколько если их несколько может быть
prop2: {
type: [Arra, Object, Number, String, Boolean],
default() { return null }
}
🐏 Alexander
а функцией может быть проп?
Roman
🐏 Alexander
это я понимаю, может того чувака все таки не может быть функцией, значит не любые типы
zamir
привет! такая проблема, сделал
v-model
для инпута как в доках, но у меня он не работает, только лишь при сохранинии файла, введенное в инпут значение ставится в dom, кто-нибудь может сталкивался?
Roman
🐏 Alexander
да нужно вообще из вью убрать props: [], ну что это такое, жестче надо быть
🐏 Alexander
сталина на вью не хватает
Roman
zamir
https://jsfiddle.net/59jew903/
сорян, там оч много
если коротко примерно так
<label for="title" class="form__label" >{{message}}</label>
<input type="text" name="title" id="title" v-model="message" placeholder="Испытай удачу" class="form__input form__input--bordered grey">
Roman
Roman
опечатка, судя по всему
zamir
https://prnt.sc/i94cn1
это я пециально сделал, тестил так сказать, но если исправить не работает все равно
zamir
zamir
блин вот так вот не разобравшись в коде можно тупить )
спасибо
Roman
не за что )
zamir
Anonymous
Alexander
Anonymous
Я искренне поражен, что в наше время большенство решений строится на Windows и "не сетевом взаимодействии" между компонентами систем
Alexey
Что-то я затупил. Можно же в v-model назначать выяисляемое свойство?
Anonymous
Alexey
да
А с его изменением проблем не будет?
Roman
Alexey
вот
Stanislav
Alexey
Anonymous
нафига?
чтобы при изменение, сработало определенное действие
Stanislav
Alexey
нафига?
из стора получаю объект в вычисляемое, хотя наверно зря, теперь геморроиться с сеттерами
Arthur
Arthur
тем более если обратно в стор прокидывать на сетер поставишь мутацию или экшн
Stanislav
Alexey
Stanislav
Arthur
он про
: value, @input
Demetrio
Stanislav
нафига выдумывать какие-то костыли.
Явно укажи, что ты слушаешь интуп и делаешь мутацию.
Биндить на value computed проперти из сторы
Anonymous
Anonymous
Оффтоп, я после Vue стал на ангуляр и реакт посматривать и прям что-то не хочется ничем другим пользоваться кроме Vue.
Alexey
Anonymous
Roman
шото я запутался(
мапишь поля со сторы, вместо v-model пишешь :value с полем и на @input вешаешь обработчик с мутацией для изменения твоего поля