да, типо того

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

попробую

спасибо за идею

Ребят помогите с алгоритмом: пишу специфичный для приложения драгндроп, есть драг элементы и есть драгзона. закончить мне мешает то, что я не могу понять как определить, что драг элемент зашел на драгзону. я мог бы сделать следущее: поставить на драгзону прослушку "mouseenter" и при срабатывагии 'mouseenter' на драгзоне, проверять дом элемент под курсором. но я не хочу использовать jquery style, я хочу оперировать только с данными.

dragenter dragleave

dragenter dragleave

и?

dragenter dragleave

как определить, что драг элемент находится над дропзоной?

на реакте синтетические события и все по кайфу) на вуе походу джиквери стайл, да

Ты опиши понятней как работать должно-то

Типа можно драгать только определенные элементы, а не все подряд?

И драгзона должна меняться только если нужный элемент над ней висит?

Типа можно драгать только определенные элементы, а не все подряд?

конечно, по этому нужно проверять какой конкретно элемент зашел на дропзону

Драгэлементы и дропзона в одном компоненте находятся?

Драгэлементы и дропзона в одном компоненте находятся?

да, возможно поменяется в будущем, но пока да. думаю если и поменятся то проблем не будет, я поправлю, если решение дадите сейчас)

Ну значит на драгэлемент вешаешь @dragstart="this.dragged = true" и в дропзоне @dragenter="this.dragged && this.dropZoneClasses.push('highlight')"

Ну, примерно так, суть ты понял наверно

ха) точно) вот я тупица)

Лучше даже @dragenter="this.highlightDrop = this.dragged"

я немного может туплю, но dragenter и dragstart это же заэмиченые события из компонентов?) я просто делаю все на js, html5 dnd не использую

Эм

Лучше даже @dragenter="this.highlightDrop = this.dragged"

это все конечно в родителе нужно делать, ну или в стор закинуть

ребят)

БЕз хтмлного днд ты долго ипаться будешь

подскажите .... mdb-bootstrap).... есть компонент кнопка... @click="run" просто не работает

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

недавно такую видел

БЕз хтмлного днд ты долго ипаться будешь

да нет) я много раз писал drag/resize/crop на pure js, просто под vue не очень понятно было сразу как элемент проверить

четко слоты, куда можно драгнуть элемент

БЕз хтмлного днд ты долго ипаться будешь

дело в том, что dnd должен включать еще возможность перетаскивания элементов, то есть будет возможность выделять несколько элементов, элементарным выделением вышлой по mousemove) и все эти объекты тягать туда сюда) вряд ли html5 подойдет)

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

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

Ну тогда делай враппер компонент для драга

В нем хендлишь mouseenter mouseleave mousedown mouseup и эмитишь уже dragstart dragend

В нем хендлишь mouseenter mouseleave mousedown mouseup и эмитишь уже dragstart dragend

спасибо)

подскажите .... mdb-bootstrap).... есть компонент кнопка... @click="run" просто не работает

Посмотри как написана эта кнопка.

Может получишь ответ

привет!) Что такое Стриминг ( потоковый рендеринг ) ?

это из документации по SSR

Посмотри как написана эта кнопка.

там есть @click в шаблоне компонента в кнопке button на wave - анимацию пузыря

а на компоненте когда вызываю @click ниче не происходит)

это из документации по SSR

Это когда страница не сразу отдается, а кусками

там есть @click в шаблоне компонента в кнопке button на wave - анимацию пузыря

Ссылку на компонент

Ссылку на компонент

спасибо! понял

Это когда страница не сразу отдается, а кусками

Типо как с картинками, которые черточками загружаются.

https://mdbootstrap.com/components/buttons/

привет, не подскажите плагин для постраничного скролла?

https://mdbootstrap.com/components/buttons/

??? Где сам компонент.

привет, не подскажите плагин для постраничного скролла?

https://www.npmjs.com/package/vue-infinite-scroll

https://www.npmjs.com/package/vue-infinite-scroll

спасибо, а еще есть? этот год не обновлялся

спасибо, а еще есть? этот год не обновлялся

там просто обновлять нечего

интересно какое отношение инфинити скролл имеет к постраничному?

интересно какое отношение инфинити скролл имеет к постраничному?

ну мы поняли вроде как друг-друга. значит всё ок

а кто-то писал плагин для TinyMCE в условиях Vue? :) мне схема интересна, как это происходит по сути - хочу чтоб кнопка IMG вставляла base64 и все

а кто-то писал плагин для TinyMCE в условиях Vue? :) мне схема интересна, как это происходит по сути - хочу чтоб кнопка IMG вставляла base64 и все

Не вижу связи.

Плагины tinymce пишется без зависимости от вью. Вью тут служит только тем, что проксируют весь апи через себя.

ток мце ты подключаешь из npm

или там в настрйоках свой серверный путь к файлу указываешь просто?

а кто-то писал плагин для TinyMCE в условиях Vue? :) мне схема интересна, как это происходит по сути - хочу чтоб кнопка IMG вставляла base64 и все

Я 100% уверен, что такой плагмн уже есть

тогда пойду в гугл, пока он не сломался)

Динамический ключ

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

Динамический ключ

А может подскажешь, как можно использовать this[l] = false в другом месте? у меня по кнопке происходит запрос, и хочу чтобы после того как приходит ответ, анимация пропадала

Как бы запихнуть удобно Pending состояние в проект, чтоб не писать в каждом нужном компоненте переменную pending и потом руками в каждом запросе не ставить false/true? Вьюекс не подходит насколько я понимаю. Что придумать?

ERROR: S client not available

В лоадере хранится ключ, потом по этому ключу находятся свойство, в свойстве скорей всего лежит бул, инвертируют бул и сохраняют его туда же откуда достали

через 3 с этот бул становится false

А может подскажешь, как можно использовать this[l] = false в другом месте? у меня по кнопке происходит запрос, и хочу чтобы после того как приходит ответ, анимация пропадала

Я не могу знать почему так реализована вкл/выкл лоадера, помочь не могу.

Я не могу знать почему так реализована вкл/выкл лоадера, помочь не могу.

Это готовый пример из библиотеки vietify https://github.com/vuetifyjs/vuetifyjs.com/blob/master/src/examples/buttons/loaders.vue

Я, теперь понял. Но это код для примера лоадеров, а не нормальный код, такое человек не будет писать в реальном проекте

Наркомания, ага

Добрый день. Подскажите по архитектуре Nuxt приложения. Допустим, стек типа Nuxt + Sails или другой back-end. Требуется аутентификация и плюсом авторизация. Для этого хочется написать политики. При этом они требуются как на серверной части при работе с API, так и на клиентской части, так как от них зависит UI. Просто пишут их дважды и на серверной части, и в клиентской, или есть более красивые решения?

Там так сделано, чтоб была возможность показать каждый лоадер отдеально, а не чтоб решить бизнес задачу

автор вьютифай планокур, инфа 100

Добрый день. Подскажите по архитектуре Nuxt приложения. Допустим, стек типа Nuxt + Sails или другой back-end. Требуется аутентификация и плюсом авторизация. Для этого хочется написать политики. При этом они требуются как на серверной части при работе с API, так и на клиентской части, так как от них зависит UI. Просто пишут их дважды и на серверной части, и в клиентской, или есть более красивые решения?

политики это типо права доступа и роли?

автор вьютифай планокур, инфа 100

Не надо гнать. Код полностью решает свою задачу, но копипастить этот код бессмысленно

Я, теперь понял. Но это код для примера лоадеров, а не нормальный код, такое человек не будет писать в реальном проекте

а где хороший пример можно найти?

Не надо гнать. Код полностью решает свою задачу, но копипастить этот код бессмысленно

я не про код. я про автора персонально)

а где хороший пример можно найти?

Ты без примера не знаешь как вкл лоадер?

политики это типо права доступа и роли?

Да, та часть приложения, которая определяет, у кого и на что есть права, если кратко

Ты без примера не знаешь как вкл лоадер?

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

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

А того примера не хватает? Там вроде показано это, как вкл

Да, та часть приложения, которая определяет, у кого и на что есть права, если кратко

а как на ноде делаете? самопис или какая-то библа? на беке нода?

у меня просто тоже этот вопрос сейчас

а как на ноде делаете? самопис или какая-то библа? на беке нода?

нода, sails

я пока сделал самописное решение с ролями. но без пермишенов. примитивно, придется тащить что-то, а я пока не нашел что? в Sails что-то всроенное?

я пока сделал самописное решение с ролями. но без пермишенов. примитивно, придется тащить что-то, а я пока не нашел что? в Sails что-то всроенное?

Да, в sails есть. но проблема дублирования остаётся, интересно, как делают

а на клиенте я планирую просто роли в куках проверять. увы для клиентской части ничего нету. впрчем одно решение видел - Киндергарден, что-то типо того

https://github.com/JiriChara/vue-kindergarten

но для этой штуки надо тянуть решение и на беке их же, я так понял (не пробовал)

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

Ты просто должен у кнопки выставить props loading true

Роли в куках? Это как? В любом случае, я хочу решить проблемы именно дублирования. Т.е., если я решу, что простой юзер больше не может редактировать сущность Х, то сейчас придётся сначала поменять политики на серверной части, а потом продубировать на клиентской части

МОжно глянуть соурсы как они делают https://github.com/JiriChara/vue-kindergarten

Роли в куках? Это как? В любом случае, я хочу решить проблемы именно дублирования. Т.е., если я решу, что простой юзер больше не может редактировать сущность Х, то сейчас придётся сначала поменять политики на серверной части, а потом продубировать на клиентской части

у меня просто сесси, не JWT куки первое что в голову пришло.

Ты просто должен у кнопки выставить props loading true

не понимаю все равно, в примере иначе все

Как бы запихнуть удобно Pending состояние в проект, чтоб не писать в каждом нужном компоненте переменную pending и потом руками в каждом запросе не ставить false/true? Вьюекс не подходит насколько я понимаю. Что придумать?

ап. кто как решил Pending?