@vuejs_ru
DreaMinder28.09.2018
08:25:30
08:25:30
кароче расширение для vue которое рулит структурой и какими-то стандартными штуками для настроек вебпака и https запросов?
если вью - дижок, вью роутер - шасси, а вью кли - сборочный станок
то нухт - собранный автомобиль, только еще и полноприводной из коробки
гибкость чтоб собрать и мотоцикл и болид ограничивается, зато облегчается сборка тривиальных легковушек
Andrey28.09.2018
08:27:55
08:27:55
ну и сравнение
Farid28.09.2018
08:29:34
08:29:34
Google
Pavel28.09.2018
08:32:35
08:32:35
кто-нибудь может сталкивался и находил норм компонент drag and drop, который умеет работать с элементами, размещенными горизонтально и которые могут переноситься на другую строчку?
DreaMinder28.09.2018
08:32:46
08:32:46
видно это какое-то нано-дерево, потому что уделывает орыгынал
Pavel28.09.2018
08:33:10
08:33:10
нравится поведение vue-smooth-dnd. Но переносы строк плохо обрабатывет
кстати, https://github.com/SortableJS/Vue.Draggable
он не предусматривает горизонтального перемещения, но на
float: left
реагирует адекватно
Maxim28.09.2018
08:56:51
08:56:51
О, классный плангин, положил в закладки )
Вова28.09.2018
08:59:21
08:59:21
подскажите компонент для ввода цен с копейками. что бы форматировало красиво)
TheRainwildsKeeper28.09.2018
09:00:42
09:00:42
подскажите компонент для ввода цен с копейками. что бы форматировало красиво)
Копейки ещё существуют?Вова28.09.2018
09:01:06
09:01:06
ок не копейки. а евроценты
Alex28.09.2018
09:01:33
09:01:33
он не предусматривает горизонтального перемещения, но на
float: left
реагирует адекватно
ты при верстке флоаты юзаешь??Google
Костя28.09.2018
09:01:52
09:01:52
так что он должен делать?
Pavel28.09.2018
09:03:14
09:03:14
ты при верстке флоаты юзаешь??
нет, в данной ситуации мне нужно было определенное поведение. Элементы должны располагаться горизонтально и переноситься на др.строку, если не влазят. И при этом адекватно чтобы работал dndAlex28.09.2018
09:03:37
09:03:37
Вова28.09.2018
09:03:40
09:03:40
да
Alex28.09.2018
09:04:10
09:04:10
Нужно подтянуть чтоб косяков небыло)
Александр28.09.2018
09:05:11
09:05:11
Alex28.09.2018
09:07:13
09:07:13
нет, это особенность работы флекса
Я знаю особенности работы флекса, и если ты заменяешь флекс на флоаты потому что что-то не получается занчить ты делаешь что-то не такКостя28.09.2018
09:07:26
09:07:26
но вводить надо с центами
по хорошему сделай отдельный компонент с инпутом, куда передавай props флаг - что он предназначен для ввода суммы.. и там валидируй его при @inputАлександр28.09.2018
09:07:32
09:07:32
https://vuejs-tips.github.io/vue-the-mask/
Pavel28.09.2018
09:07:33
09:07:33
сложность в том, что есть элементы, которые не тянуться, находятся вне контейнера dnd, но они все равно должны быть в списке
и идти один за одним и при переносе выравниваться одинаково - флекс такого не позволяет, хз, у меня не вышло
а флоат - одна строчка в css и все ок
GoogleAlex28.09.2018
09:09:21
09:09:21
есть пример кода или сам код?
Интересная ситуация и хочется в ней разобраться
Pavel28.09.2018
09:11:00
09:11:00
<div class="nodrag-item" />
<div class="drag-list">
<div class="drag-item" />
<div class="drag-item" />
<div class="drag-item" />
...
</div>
например так
при этом все 4 item'а должны одти в ряд и выравниваться по левому краю одинаково
Вова28.09.2018
09:11:50
09:11:50
Pavel28.09.2018
09:14:42
09:14:42
особенность поведения dnd-компонента не позволяет поместить внутрь drag-list nodrag-item
Alex28.09.2018
09:14:45
09:14:45
при этом все 4 item'а должны одти в ряд и выравниваться по левому краю одинаково
тебе нужно было делать через свойство объекта по типу { dragable: false }Pavel28.09.2018
09:15:23
09:15:23
блин, буду рад, если скинешь ссылку на нормальный)
писать пока свой не хочу, надеюсь найти)
Pavel28.09.2018
09:15:46
09:15:46
но флоат решил эту задачу
Pavel28.09.2018
09:16:25
09:16:25
да и если не найду компонент норм, напишу свой потом
Alex28.09.2018
09:17:21
09:17:21
дописать компонент?
Pavel28.09.2018
09:18:09
09:18:09
скорее - сделать над ним обертку ну или клонировать на гитхабе... Но проще написать с нуля
Alex28.09.2018
09:18:25
09:18:25
https://david-desmaisons.github.io/draggable-example/
так вот же
есть же свойство fixed
GoogleVlad28.09.2018
09:19:44
09:19:44
Как и много чего ещё нет )
Pavel28.09.2018
09:20:10
09:20:10
поэтому еще не изучил его возможностей
AdminERROR: S client not available
Pavel28.09.2018
09:22:44
09:22:44
вот fixed тот позволяет тянуть элемент все равно (пусть и без реакции) - мне это не подходит
Станислав28.09.2018
09:38:13
09:38:13
для СЕО нет альтернатив нормальных - это главное. ну и по мелочам https в коробке, какието настройки вебпака по умолчанию из коробки, структура папок стандартизированая - это хрошо для командной работы (в джс бывает придешь на проект/читаешь статью и там куча отсебятины, типо как автор посчитал лучше будет)
для СЕО нет альтернатив нормальных — ssr.vuejs.org ??
Siarhei28.09.2018
09:39:05
09:39:05
»If you prefer a higher-level solution that provides a smooth out-of-the-box experience, you should probably give Nuxt.js a try
Станислав28.09.2018
09:40:28
09:40:28
как-то очень субъективно.
Ваше сообщение не меняет того факта что альтернатива есть, и она нормальная
Siarhei28.09.2018
09:42:43
09:42:43
так это написано в этом доке
Alex28.09.2018
10:00:33
10:00:33
вот fixed тот позволяет тянуть элемент все равно (пусть и без реакции) - мне это не подходит
используй pointer-events: none;
Nikita28.09.2018
10:01:54
10:01:54
всем привет, не могу вывести картинки.
вот так вывожу.
<img :src="result_images[result_data.result]" alt="">
а данные хранятся вот так
Alex28.09.2018
10:03:31
10:03:31
v-for
Google
Sergey28.09.2018
10:03:32
10:03:32
нужно еще []
Nikita28.09.2018
10:04:48
10:04:48
проблема не в v-for там только одна должна появиться.
Pavel28.09.2018
10:06:02
10:06:02
Pavel28.09.2018
10:06:32
10:06:32
а, ок, спасибо
Alex28.09.2018
10:06:45
10:06:45
эллемент ведет себя так для курсора словно его нет, тоесть курсор не видит эллемент
Nikita28.09.2018
10:12:20
10:12:20
бред какой-то, почему я не могу дать адрес картинке, из набора адресов в обьекте.
Alex28.09.2018
10:12:29
10:12:29
бред какой-то, почему я не могу дать адрес картинке, из набора адресов в обьекте.
https://codepen.io/mrgrump/pen/RewQmxвот
в твоём врианте vue просто не понимает откуда брать result_data.result
```<img :src="result_images[$root.result_data.result]" alt="">```
можно костыльнуть так
Открыть в Telegram