Андрей
Тяжелый случай. Ну ты хоть в доку загляни как sort работает.
Anonymous
sortedArray(it) {
return it.list.item.sort((a, b) => a.ID > b.ID )
}
Anonymous
так тое пытался
Armen
И вью ещё
Armen
sortedArray() {
return this.items.list.item.sort((a, b) => a.ID - b.ID )
}
Андрей
Anonymous
есть такой
Anonymous
computed: {
evenNumbers: function () {
return this.numbers.filter(function (number) {
return number % 2 === 0
})
}
}
Андрей
Русским по белому описан контракт компаратора.
Anonymous
но он сортирует числа
Armen
Не сортирует а фильтрует
Armen
sortedArray() {
return this.items.list.item.sort((a, b) => a.ID - b.ID )
}
Учти ещё, что sort сортирует исходный массив, а не создаёт новый
Igor
Я предположил, что можно написать компонент с SVG и логикой, которая будет обрабатывать данные и рисовать линии.
и да, забыл: на самом svg должно быть :
{
pointer-events: none; // для мыши
position: absolute; // для позиционирования
}
Adel
Ребят, подскажите пожалуйста хорошую какую-нибудь библиотеку для графиков. Нормальных не могу найти:(
Nikita 🦫
d3 или чтобы уже готово?
kdm🇩🇰
Иван
Псс, everybody
Иван
Сталкивались с задачей сайт в приложение завернуть?
Anonymous
вот так работает
Anonymous
methods: {
sortedItems: function(it) {
return it.list.item.sort((a, b) => a.ID - b.ID)
}
}
Armen
Ага
🅅aleriy
ну что за стиль
Armen
sortedArray() {
return this.items.list.item.sort((a, b) => a.ID - b.ID )
}
А я походу опять невидимка
🅅aleriy
Это пособие как использовать методы вместо компутедов со всеми выплывающими
а ты в курсе как работает sort в js?
🅅aleriy
например что он меняет сам сортируемый массив на всякий случай
Armen
Я об этом предупредил
🅅aleriy
methods: {
sortedItems(it) {
return [...it.list.item].sort((a, b) => a.ID - b.ID)
}
}
Armen
sortedArray() {
return [...this.items.list.item].sort((a, b) => a.ID - b.ID )
}
🅅aleriy
но ошибок в приложениях из-за не знания того, что сорт меняет исходный массив до хера просто
Armen
methods: {
sortedItems(it) {
return [...it.list.item].sort((a, b) => a.ID - b.ID)
}
}
Если использовать так в методах, то не будет реактивности
🅅aleriy
Если использовать так в методах, то не будет реактивности
ну это уже другой вопрос, тут не про реактивность пример просто
🅅aleriy
если нужно сортировать данные поступившие, то лучше вообще vuex + getters
Armen
Таки да
Илья
и да, забыл: на самом svg должно быть :
{
pointer-events: none; // для мыши
position: absolute; // для позиционирования
}
Воу, спасибо за pointer-events, кажется судя по описанию это годное решение для одной моей древней задачки ))
🅅aleriy
Ещё хотел уточнить вопрос вчерашний. У меня сейчас задача создать компонент, который будет отображать древовидную иерархию карточек. Есть один родитель и у него дети. У каждого ребёнка, так же есть дети. Эта дерево должно сворачиваться и разворачиваться по клику. Необходимо редактировать название карточек. Добавлять и удалять карточки. И самое главное, надо соединить их линиями по иерархии. Что лучше использовать в таком случае?
посмотри как это сделано тут http://quasar-framework.org/quasar-play/android/index.html#/showcase/grouping/tree
edbutcher
посмотри как это сделано тут http://quasar-framework.org/quasar-play/android/index.html#/showcase/grouping/tree
Спасибо. Тут красиво сделано, но меня просят сделать вот так...
http://fperucic.github.io/treant-js/examples/custom-colored/
🅅aleriy
Спасибо. Тут красиво сделано, но меня просят сделать вот так...
http://fperucic.github.io/treant-js/examples/custom-colored/
да те же яйца только в профиль как говорится
🅅aleriy
не заморачивайся с svg
🅅aleriy
это все делается легко с помощью border
edbutcher
это все делается легко с помощью border
Попробую сделать так, а если нет, то svg буду юзать. Спасибо)
🅅aleriy
хотя у тебя вертикальное дерево... возможно тут svg лучше подойдет
edbutcher
Как по мне, красивее Ваш вариант, но послушают ли меня))
🅅aleriy
https://github.com/dabeng/OrgChart
🅅aleriy
Как по мне, красивее Ваш вариант, но послушают ли меня))
так а чего не заюзать либу готовую уже?
🅅aleriy
пример то взят отсюда http://fperucic.github.io/treant-js/
Anonymous
Всем привет. Как реализовать разделение пользователей на группы?
Nikolay
в исходниках element ui это реализовано
Nikolay
в админке
Anonymous
Спасибо
Dmitriy
друзья и снова я ). Все таки вопрос остался открытым после команды npm run build. как подключить то что нагенерил вебпак, к готовому приложению не cpa на php
akasybe
вебпак создает бандл как у тебя указано в output
Nikolay
там должна быть index.html страница. её и отдавать
akasybe
в пхп подключаешь скрипт на нужной странице
🅅aleriy
LOL :)))))
каков вопрос такой ответ называется :)))
🅅aleriy
Dmitriy
я вчера попытался подключить все файлы
Dmitriy
из static
Dmitriy
результата нет компонент hello-world не отрендерился)
akasybe
вот его и подключаешль в пхп
Dmitriy
хм
Dmitriy
ща попробую
Bohdan
а ты мой вариант пробовал?)
Dmitriy
в консоли
Dmitriy
ошибок нет
Dmitriy
но компонент кастомный не отрендерился
Dmitriy
может я кривой)
Dmitriy
ну верней так и есть )
Nikolay
div id=app
Dmitriy
указан