Добрый день! всем, кто использовал UI для vuejs что порекомендуете? нужно какое-то простое и быстрое решение (прежде всего интересуют такие штуки, как datapicker и autocomplete)

ну материал юзани

хоть он и говно

или element

))))

я вот попробовал

действительно говно

потому и спрашиваю

Добрый день! всем, кто использовал UI для vuejs что порекомендуете? нужно какое-то простое и быстрое решение (прежде всего интересуют такие штуки, как datapicker и autocomplete)

http://mint-ui.github.io/#!/en

Вообще их много на гитхабе

Ой не то

https://github.com/petehouston/vue-ui-framework

вот глянь

список

https://vuetifyjs.com/ru/

спасибо, погляжу

то, что много -- вижу

проблема выбрать

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

material с ошибками + проблемы с локализацией

ага, спасибо

ребят подскажите вопрос , вот таким образом файлок подгружается в import '../video/ocean.mp4' , к когда я пытаюсь плагин типа <video-bg :sources="['../video/ocean.mp4']" img="../video/ocean.jpg"> то файлы не грузятся

Насколько нормально в объекте route определять компонент по признаку: { path: '/services', name: 'services', component: someshit ? Services : AdditionalServices }, ?

вместо эмита, изменять объект по ссылке — меня ждёт ад?

Да

https://router.vuejs.org/ru/essentials/passing-props.html Я не могу понять components: { default: User, sidebar: Sidebar }, Что это значит? default как бы ясно, а вот этот sidebar: Sidebar ? Я понимаю что это компонент, но куда он уйдёт?

ребят подскажите вопрос , вот таким образом файлок подгружается в import '../video/ocean.mp4' , к когда я пытаюсь плагин типа <video-bg :sources="['../video/ocean.mp4']" img="../video/ocean.jpg"> то файлы не грузятся

зачем его импортить?

импорт содержимое загружает

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

https://router.vuejs.org/ru/essentials/passing-props.html Я не могу понять components: { default: User, sidebar: Sidebar }, Что это значит? default как бы ясно, а вот этот sidebar: Sidebar ? Я понимаю что это компонент, но куда он уйдёт?

ну в шаблоне сможешь писать <sidebar>

или <v-sidebar

как там точно

а

перепутал вроде

Внутри <router-view>?

зачем его импортить?

Не грузит

Не грузит

у тебя браузер его должен грузить же

у тебя браузер его должен грузить же

304

ну в шаблоне сможешь писать <sidebar>

В АПИ сухо написано // для именованных представлений

В АПИ сухо написано // для именованных представлений

<router-view></router-view> <router-view name=“sidebar”></router-view>

две вьюшки

<router-view></router-view> <router-view name=“sidebar”></router-view>

Пасиб, тоже уже нашёл :)

Может заодно на самый первый вопрос ответишь?

Насколько нормально в объекте route определять компонент по признаку: { path: '/services', name: 'services', component: someshit ? Services : AdditionalServices }, ?

не совсем правильно думаю

Ты бы как сделал?

делай компонент Services

господа, я так понимаю ref не реактиваен и в него при v-for никак не получится положить значение?

а внутри него засунь <component :is

а внутри него засунь <component :is

И там уже рулить внутри, и признак этот проверять?

вот так

@c01nd01r быстро сработано :)

<component :is=“currentServices”>

Ну я динамический компонент знаю что это, во всю ими пользуюсь.

Очень удобная штука

computed - currentServices() { return someshit ? ‘Services’ : ‘AdditionalServices’ }

@c01nd01r быстро сработано :)

Это не я, это бот

computed - currentServices() { return someshit ? ‘Services’ : ‘AdditionalServices’ }

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

господа, я так понимаю ref не реактиваен и в него при v-for никак не получится положить значение?

А надо было делать как у меня

зачем его импортить?

Как то надо правила загрузчика подправить что бы он анализировал атрибуты img=

А надо было делать как у меня

О, шалом! Какие люди ))))

Что это значит?

No 'Access-Control-Allow-Origin' header is present on the requested resource

No 'Access-Control-Allow-Origin' header is present on the requested resource

значит что на сервере нужно настраивать cors

No 'Access-Control-Allow-Origin' header is present on the requested resource

https://developer.mozilla.org/ru/docs/Web/HTTP/CORS

значит что на сервере нужно настраивать cors

лучше прокси

лучше прокси

хм ... а чем лучше?

ну так удобнее в конфигурации, а так бэк должен знать откуда приходит запрос, или вообще ставить звездочку предлагаешь?

ну так удобнее в конфигурации, а так бэк должен знать откуда приходит запрос, или вообще ставить звездочку предлагаешь?

ну можно и звездочку. А прокся на фронте настроивается, можешь пример кинуть

ну можно и звездочку. А прокся на фронте настроивается, можешь пример кинуть

нет, прокси на сервере, например на nginx настраивается

нет, прокси на сервере, например на nginx настраивается

сенкс

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

подскажите плз, а как из экземпляра VueRouter в квазаре дернуть диспатч? я вижу стор как this.a.app.$store, но при попытке к нему обратиться получаю сообщение что $store undefined

вот как я пытаюсь это сделать

куку при этом нормально получаю, диспатч нет

А надо было делать как у меня

Таки ловий мой пример, думаю у меня более по паттерну https://codesandbox.io/s/oq25qln64q

куку при этом нормально получаю, диспатч нет

Next выполняется до решения промиса?

я знаю, пока мне так нужно

куку при этом нормально получаю, диспатч нет

Просто импорть store и юзай Store.dispatch

ну это понятно, прост пытаюсь понять нет ли другого способа

ну это понятно, прост пытаюсь понять нет ли другого способа

а зачем другой?

Таки ловий мой пример, думаю у меня более по паттерну https://codesandbox.io/s/oq25qln64q

Ну да, я писал, что без излишков :)

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

Ну да, я писал, что без излишков :)

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

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

Так это был пример

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

тебе надо диспатчнуть до рендера компонента при переходе на роут?

+

или как? я не понял

https://ssr.vuejs.org/ru/data.html вот тут смотри пример есть с asyncData, даже код приведен

Так это был пример

угу, антипаттерн ))))

угу, антипаттерн ))))

Ну да, напрямую к компонентам не стоит обращаться

если коротко, то работает так ты задаешь в компоненте поле asyncData например asyncData ({ store, route }) { // возвращаем Promise из действия return store.dispatch('fetchItem', route.params.id) }, а в роутере в хуке будет взываться этот метод компонента, и когда резолвится промис, делается next()

спс, ща попробую

ребят, обяъсните дураку. <router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link> ссывлка генерируется как /

а в роуте что как?

ребят, обяъсните дураку. <router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link> ссывлка генерируется как /

https://router.vuejs.org/ru/essentials/named-routes.html