<template id="root"> <div v-cloak> <router-view :pages="pages" :products="products" :categories="categories"></router-view> </div> </template>

Ребят, хочу ваше мнение

Пробую делать на Vue небольшой SPA, есть компоненты различных страниц, у всех есть одинаковая логика: сначала показывать анимацию загрузки, начать загружать ресурс с бека (json), а при получении данных уже отрисовать компонент. За каждую страницу отвечает отдельный single-файл компонент. Я думаю эту общую логику вынести в миксин, это правильно?

да

Взгляд делитанта: да

Там наследования нет ведь

Просто непонятно тогда, в миксине проверять наличие поля resources (urlы REST запросов), а определять его в самом компоненте?

Я понимаю, что это рабочее решенее, но мб есть что-то лучше, не хочется велосипедить

Да и задача, кажется, очень common

Просто непонятно тогда, в миксине проверять наличие поля resources (urlы REST запросов), а определять его в самом компоненте?

Я, честно говоря, не понял твой вопрос

Для каждой страницы есть необходимые для рендера ресурсы, их нужно запросить с бека, а пока они не пришли показывать лоадер. Эти ресурсы разные для каждой страницы. Вопрос в том, как проверять их наличие в миксине, если определяются они только в компоненте

У нас это через сервисы решено

Есть сервис, который имеет ряд метод, каждый метод - обращение к ресурсу. Vue.service('goods').filterGoods(data)

сервис в данном случае обертка над промисом

помогите разобраться с drug and drop

у меня есть массив links ссылки из которого отображаются списокм v-for

надо сделать перетаскивание для изменения порядка

дуvал подключить https://github.com/RubaXa/Sortable

надо сделать перетаскивание для изменения порядка

Sortable.js

да без разницы какой плагин

суть не в этом

как при перетаскивании перекомпоновывать сам массив ссылок

с новым порядком

не очень понятно

как при перетаскивании перекомпоновывать сам массив ссылок

Не очень понятен юзкейс

вот визуализация всего дела

надо перетаскивать ссылки-блоки вверх вниз

чтобы менялась переменная links

порядок ссылок чтобы в неё менялся

Ну ты можешь запоминать для каждого элемента его index в списке, а при вызове onAdd свопать с кем нибудь

Вообще список для таких вещей - плохо

Очень плохо

Используй map

Словарь всмвсле

не очень понимаю

Ты присваиваешь каждой ссылке свой id и привязываешь его к элементу (этой вот draggable фигне)

Перед отправкой на сервер пробегаешься по этим элементам и пушишь линки в нужном порядке

Сами линки получаешь по id

Как-то так

Ибо insert для списка - это медленно

ну у массива ж есть index у каждой ссылки

вот я например перетаскиваю один блок на другое место

как массив links это узнает?

сори за туповатые вопросы

надо колбэк функцией как то передать новый порядок?

но каждый раз, когда ты перетаскиваешь ссылку на 2 блока ниже, то что происходит с массивом: взять i-й элемент, сдвинуть n - i - 2 эелмента на 1 позицию вправо, и инсертить этот элемент на позицию i + 2

кароч, у словаря операция вставки имеет сложность O(1) или O(log(n)) в зависимости от реализации (дерево или хеши), а у insert для листа имеет сложность O(n)

о, я придумал как оптимизировать еще

2 блока вниз

как же я проорал

для меня это всё сложно звучит)) мне не важно какая там будет производительность, масштабы оч маленькие

Кто-то помнит прикол про кожевеников?

Кстати, Рафаэль, здравствуй, давно не виделись :D

Сколько у тебя там таких перетаскиваемых блоков

не больше 10

карочи: 1) у тебя есть словарь объектов: : id : { index: порядок элемента в списке link: ссылка } каждый элемент из списка хранит в себе только свой id

не больше 10

ну тогда первое правило Кнута

а не, срань

вот как у меня

есть index по которому я могу перестроить

https://github.com/SortableJS/Vue.Draggable

во чо есть, надо присмотреться

поделючил его, блоки таскаются, но почему то links не меняется, делал как в jsfiddle

юхуу

посоветуйте кто-нибудь карусель, которую можно заюзать в рулетке то есть нужно, чтобы крутилась бесконечно и через нужное время останавливалась на выбранном элементе

ERROR: S client not available

Эээ

slick более-менее, но там косяк есть с прокруткой

Что значит на выбранном элементе? Как его выбрать, если оно бесконечно крутится?

черт, не так выразился

Короче, есть 10 игроков. Нужно, чтобы она крутилась секунд 5, допустим, и остановилась на нужном

бесконечная в том плане, что если доходит до конца слайдов, с начала крутить начинает

Я прям хз, не встречал такого)

я вообще с каруселями особо не работал, так чисто в лендингах простеньких

таки-шо, никто не знает?

Ну, нельзя взять обычную owl карусель

И заюзать Ее

На он чендж слайда проверять является ли слайд и пользователь смежными

Если да, тогда стопить, если нет - продолжать автопрокрутку

посоветуйте кто-нибудь карусель, которую можно заюзать в рулетке то есть нужно, чтобы крутилась бесконечно и через нужное время останавливалась на выбранном элементе

Так тут же не нужно взаимодействий от юзера, а это самое важное в этих плагинах, кажется лишним их тащить. Правильнее было бы руками написать, не выглядит слишком сложным

Дублируешь эелемнты, меняешь трансформ транслейтХ

И как будто все

кто что юзает для красивых confirmation в vue?

и мне как всегда желательно без использования пакетных менеджеров)

Alertify

Alertify

вот спасибо

не пойму как в нём поменять надпись в хэдере, по дефолту AlertifyJS, через glossary title чтото меняться не хочет

нормальные модалки. И что, до сих пор никто его в vue компонент не завернул?)

не всё сразу) еще бы datatables завернули бы

пока несколько вариантов видел, но они похоже лишь часть функционала предоставляют

https://alertifyjs.org/

какая еще надпись в хедере)

то есть кнопки я смог перевести Удалить и Отмена

а вот заголовок модалки...

или я не тот плагин юзаю....

http://alertifyjs.com

http://alertifyjs.com/factory.html#factory options.title может оно?