На этом пока, я работать)

Ну я так, мимокрокодил, но нагуглил немного https://codeburst.io/vuex-and-typescript-3427ba78cfa8 https://github.com/mrcrowl/vuex-typex И чёто выглядит как говно это всё

Это первая же ссылка. Именно что

кто-то юзает vue в vagrant?

При чем он вообще

это пока как - кто то юзает vue в докере

есть проблема с тем, что вотчер не работает. можно через pool: true - но сильно грузит процессор, есть vagrant vsnotify, но из-за вотчеров в основной ос, он не хочет работать, из-за того что получается какой-то луп симлинков.

Зачем для работы с нодой городить вагрант?

докер еще понятно

Всем привет. На странице выводится два раза один и тот же vue, но с разным содержимым в <template slot="one"></template>, как можно разделить парсинг данных из template? общий формат vue файла: <div class="vue"> <registry> <template slot="one"></template> </registry> </div> В Registry.js парсится json из this.$slots.cols[0].text.trim()

но вагрант

это же такой лютый оверхед

Вебпаки и так не дешевые

окей, с докером там нет никаких проблем?

мне для разработки нужно

ребят у вас такое было что стили не применялись? вроде бы пути все видит приложение

окей, с докером там нет никаких проблем?

У тебя какая ОС?

винда?

xubuntu

ребят у вас такое было что стили не применялись? вроде бы пути все видит приложение

после билда

https://github.com/jasongin/nvs

nvs add latest

nvs install -g @vue/cli

/thread

окай, вотчеры то норм работают?

окай, вотчеры то норм работают?

почему нативно не поставишь?

зачем докер то?

смотри, есть база, приложуха (бекенд), и фронт на вью. есть nginx.

nginx проксит /api/v1/ на приложение, все остальное - на dev сервер вебпацка

если без nginx - то CORS

заверни в докер все

и монтируй рабочую папку

в линухах это очень приятно делать

окей, сейчас запилю.

спасибо

Покажите фильтр товаров интересный, не могу сообразить с чего начать

после билда

есть тут кто

Покажите фильтр товаров интересный, не могу сообразить с чего начать

очень странный запрос

почему именно товаров?

Неважно, любых данных

Пример реализации может встречали где

Неважно, любых данных

https://ru.vuejs.org/v2/guide/filters.html

Немножко не то, например как на Яндекс маркете фильтр по параметрам

Уважаемые знатоки. Вопрос не относится к вую, но в джс чате не так часто отвечают умные люди. Есть вот такой код https://i.imgur.com/ZnFR7C6.png - получаю документ из дб и выглядит он так https://i.imgur.com/OPsszRt.png (console.log(siteData). console.log(data) же выводит вот такой результат https://i.imgur.com/cdpXMYP.png при спреде объекта и при Object.assign({}, siteData). При глубоком копировании (например, JSON.parse) все работет как надо.

Так почему же шалоу копирование выдает мне другой объект?

Ребята, помогите решить проблемму, никак не пойму, как быть. Использую плагин vue-avesome-swiper, у него свой компонент. Мне надо внутри компонента поместить три анимированных элемента с обработчиками событий. Но они не работают, очевидно, потому что оказываются внутри компонента. Как такие задачи решаются? Вот шаблон: <local-slide v-for="(slide, index) in bizSlides" class="biz-slide swiper-slide" :style="{ backgroundImage: 'url(img/' + slide.bgImage + ')'}" :key="'bizSlide' + index" @mouseenter="slide.previewShow = true" @mouseleave="slide.previewShow = false" > <transition name="slideTop"> <p class="top" v-show="slide.previewShow" >{{slide.top}}</p> </transition> <transition name="imgShow"> <img v-show="slide.previewShow" :src="'img/' + slide.src" alt="" > </transition> <transition name="slideBottom"> <p class="bottom" v-show="slide.previewShow" >{{"Сценарий " + (index + 1)}}</p> </transition> </local-slide> Соответственно, не работают события миши, не срабатывает v-show, отчего становится грустно...

Неужели никто мне не поможет?

Ребята, помогите решить проблемму, никак не пойму, как быть. Использую плагин vue-avesome-swiper, у него свой компонент. Мне надо внутри компонента поместить три анимированных элемента с обработчиками событий. Но они не работают, очевидно, потому что оказываются внутри компонента. Как такие задачи решаются? Вот шаблон: <local-slide v-for="(slide, index) in bizSlides" class="biz-slide swiper-slide" :style="{ backgroundImage: 'url(img/' + slide.bgImage + ')'}" :key="'bizSlide' + index" @mouseenter="slide.previewShow = true" @mouseleave="slide.previewShow = false" > <transition name="slideTop"> <p class="top" v-show="slide.previewShow" >{{slide.top}}</p> </transition> <transition name="imgShow"> <img v-show="slide.previewShow" :src="'img/' + slide.src" alt="" > </transition> <transition name="slideBottom"> <p class="bottom" v-show="slide.previewShow" >{{"Сценарий " + (index + 1)}}</p> </transition> </local-slide> Соответственно, не работают события миши, не срабатывает v-show, отчего становится грустно...

события работают. https://jsfiddle.net/NoMad42/eywraw8t/331907/ можешь сам потестировать вызывая метод пуляющий алерт например. проблема скорее всего в другом...

я мало работал с транзакциями, но подозреваю что проблема в одном из двух: 1-я, маловероятная, проблема с slide.previewShow, а точнее с ее обявлением. банальное "в компоненте date должно быть функцией возвращающей объект". тоесть ПЛОХО: data: {} ХОРОШО: data () { return {} } 2-я - проблема с неймингом CSS классов. перечитай доки и проверь что у тебя так же. а еще лучше - попробуй пару примеров из доки в своем окружении. https://vuejs.org/v2/guide/transitions.html#Transition-Classes

события работают. https://jsfiddle.net/NoMad42/eywraw8t/331907/ можешь сам потестировать вызывая метод пуляющий алерт например. проблема скорее всего в другом...

Нет, ну так конечно работают. Я же написал, что пишу эти события в компоненте плагина, который для моего является как бы дочерним. А у дочернего и родительского разные области видимости... К тому же у меня даже два таких компонента один в одном, получается - http://joxi.ru/DmBOZQGUwWE672 Не буду же я лезть в файлы плагина и прописывать там все, что мне надо...

я мало работал с транзакциями, но подозреваю что проблема в одном из двух: 1-я, маловероятная, проблема с slide.previewShow, а точнее с ее обявлением. банальное "в компоненте date должно быть функцией возвращающей объект". тоесть ПЛОХО: data: {} ХОРОШО: data () { return {} } 2-я - проблема с неймингом CSS классов. перечитай доки и проверь что у тебя так же. а еще лучше - попробуй пару примеров из доки в своем окружении. https://vuejs.org/v2/guide/transitions.html#Transition-Classes

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

хм, про компонент я как то пропустил. тут возможно поможет https://vuejs.org/v2/api/#provide-inject но на этом мои знания - все)

хм, про компонент я как то пропустил. тут возможно поможет https://vuejs.org/v2/api/#provide-inject но на этом мои знания - все)

Спасибо. Если я правильно понял, провайд/инжект требуют редактирования дочернего компонента, предоставляемого, в моем случае, плагином. Тоже вряд ли это вариант... Неужели никто не использует плагины и не знает, как делается то, что мне нужно? Это же не така уж странная задача...

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

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

Дать разные названия компонентам? Не?

Делать фельтрацию на месте и отдавать через пропсы отфильтрованные данные?

если только в данных разница, зачем вот это вот всё выдумывать

Эта функция использует другую, и тд, придётся вынести их их все в родителей и пот итогу даст родителя опять имеют на 80%! Одинаковый код

Кто-нибудь сталкивался с проблемой, что контуры элементов отображаются раньше чем текст? Выглядит так: Страница загружается, она заполненна компонентами, и даже место под текст выделено, но сам текст появляется через некоторое время На нормальном железе это можно увидеть только через профайлер, но там десяток миллисекунд А вот на старом ноутбуке задержка уже 2-3 секунды Как бороться?

Эта функция использует другую, и тд, придётся вынести их их все в родителей и пот итогу даст родителя опять имеют на 80%! Одинаковый код

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

ERROR: S client not available

Кто-нибудь сталкивался с проблемой, что контуры элементов отображаются раньше чем текст? Выглядит так: Страница загружается, она заполненна компонентами, и даже место под текст выделено, но сам текст появляется через некоторое время На нормальном железе это можно увидеть только через профайлер, но там десяток миллисекунд А вот на старом ноутбуке задержка уже 2-3 секунды Как бороться?

v-cloak

У меня так сортировка списка документов сделана: дерево, рейтинг, дата.

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

Ну у меня сейчас что-то похожее, но не особо заходит этот вариант

Причина по которой не особо?

не нраиться) ?

v-cloak

полагаю, тогда элементы появятся на странице через 2-3 секунды, но полностью отрисоваными?

полагаю, тогда элементы появятся на странице через 2-3 секунды, но полностью отрисоваными?

Попробуйте) Я не знаю, почему у вас так медленно всё

Попробуйте) Я не знаю, почему у вас так медленно всё

потому что ноутбук прямиком из 2006, с 512рам и одноядерным процом)

На таком еще запускается браузер? ?

45 хром)

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

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

причем не спиннер

потому как скажут ЗАВИСЛО))0

вы на этом компе только тестируете, не разрабатываете? ?

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

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

Ребята, помогите решить проблемму, никак не пойму, как быть. Использую плагин vue-avesome-swiper, у него свой компонент. Мне надо внутри компонента поместить три анимированных элемента с обработчиками событий. Но они не работают, очевидно, потому что оказываются внутри компонента. Как такие задачи решаются? Вот шаблон: <local-slide v-for="(slide, index) in bizSlides" class="biz-slide swiper-slide" :style="{ backgroundImage: 'url(img/' + slide.bgImage + ')'}" :key="'bizSlide' + index" @mouseenter="slide.previewShow = true" @mouseleave="slide.previewShow = false" > <transition name="slideTop"> <p class="top" v-show="slide.previewShow" >{{slide.top}}</p> </transition> <transition name="imgShow"> <img v-show="slide.previewShow" :src="'img/' + slide.src" alt="" > </transition> <transition name="slideBottom"> <p class="bottom" v-show="slide.previewShow" >{{"Сценарий " + (index + 1)}}</p> </transition> </local-slide> Соответственно, не работают события миши, не срабатывает v-show, отчего становится грустно...

@mouseenter.native

И т.д.

Если вешаешь обработчик на компонент, а надо, чтобы он был повешан на корень компонента нужен модификатор .native

RTFM koroche

RTFM koroche

А ларчик просто открывался... Спасибо огромное. Я бы долго выискивал это в мануале, если бы не Ваша помощь!

https://vuejs.org/v2/guide/components-custom-events.html#Binding-Native-Events-to-Components

Ну я уже нашел, когда знал, что искать ?

Привет. Суть вопроса. Стоит задача разрабоать приложене у которого часть страниц должна будет индексировать в в гугле и яндексе так же будет различная аналика. Поэтому необходим ssr. А для другой части страниц он будет излишним. Разделять это на два приложения nuxt и vue будет проблиматично так как функционал пересекается. А делать no-ssr костыльно на nuxt костыль. Как поступить?