Я могу юзать JSX если буду писать компонент в файле .jsx, но тогда нет возможности написать стили

Пока вроде решил вот таким способом: <script src="./index.jsx" /> <style> ... </style>

все сори догнл)

Ребята подскажите плиз красивый css фреймворк. МОжно даже платный

vuetify

самописный

Я могу юзать JSX если буду писать компонент в файле .jsx, но тогда нет возможности написать стили

я как бы о том же и говорил что внутри vue компонента jsxсом писать не можешь

внутри vue темплейта окей

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

Ребята подскажите плиз красивый css фреймворк. МОжно даже платный

платный CSS фреймворк. ебанутся!

внутри vue темплейта окей

jsx внутри vue темплейта? чё?

Я о таком не слышал ещё

файла .vue

как его еще назвать

https://mdbootstrap.com/

Я о таком не слышал ещё

а чи не пох что писать в script?

Ребята подскажите плиз красивый css фреймворк. МОжно даже платный

element-ui

https://mdbootstrap.com/

знатная гамнина

знатная гамнина

ну я устанавливал - вроде норм компоненты как vue все отдельно

не конфликтует с другими css и компонентами в отличии от vuetify

но баги там были в бесплатной версии

знатная гамнина

Класс! Спасибо

знатная гамнина

нормальная тема, че гонишь то

та я ж не против, юзайте. мне же лучше

создатель Нукста тоже)

А что yii шники по этому поводу думают?)))

В этом проекте я делаю фронт, поэтому мне все равно что они там думают )

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

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

и придется же разбираться в этом дерьме

Я могу юзать JSX если буду писать компонент в файле .jsx, но тогда нет возможности написать стили

обычные стили, без сложностей и заморочек https://www.youtube.com/watch?v=_j2rG2Szd5A

и придется же разбираться в этом дерьме

ДЕрьмо не тонет, ОНО плавает зато )

обычные стили, без сложностей и заморочек https://www.youtube.com/watch?v=_j2rG2Szd5A

Ну видать это мне идешка не даёт, надо разбираться, ибо подчёркивает jsx внутри vue файла

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

смотрите что я придумал) все работает, но я не уверен в грамотности такого подхода. нормально ли в стейт функцию присваивать? есть к примеру компонент Artboard и Sidebar. При откртии/закрытии сайдбара, артборд должен ресайзится. Никакие размеры артборду не нужны, у него свой пересчет изходя из размеров врапера (врапер сам нормально версткой подстраивается на флексах) я беру, пишу функцию ресайза артборда (который должен подстраиваться при изменениях других компонентов, к примеру сайдбара), вызываю в mounted мутацию, и эту функцию ресайза я присваиваю в значение стайта. store.js state: { callback: null }, mutations: { setCallback (state, callback) { state.callback = callback } } компонент Artboard: mounted () { this.$nextTick(() => { this.setSize() window.addEventListener('resize', this.setSize) this.setCallback(this.setSize) }) }, methods: { ...mapMutations([ 'setCallback' в этой мутации я беру колбек и присваиваю его в стейт ]), setSize () { /* resize function */ } } потом я пишу в сайдбаре функцию toggle и в ней, в this.$nextTick я вызываю этот колбэк компонент Sidebar: computed: { ...mapState([ 'callback' ]) }, mounted () { document.addEventListener('click', this.toggle) // просто для теста повесил на документ }, methods: { toggle () { this.isOpen = !this.isOpen this.$nextTick(() => this.callback()) // вызываю колбэк, который присвоился в компоненте Artboard } }

в итоге сделал один инпут с валидайией дял всех, по моему красиво <app-vuelidate-input v-model="user.email" required email></app-vuelidate-input>

а как в форме узнаешь, что все ее инпуты валидны? или два поля password совпадают

обычные стили, без сложностей и заморочек https://www.youtube.com/watch?v=_j2rG2Szd5A

ненавижу этого типа

а как в форме узнаешь, что все ее инпуты валидны? или два поля password совпадают

я это не в форме узнаю, ошибки всплывают из самого компонента с валидацией

element-ui

По ощущениям, это пародия на Bootstrap... ?‍♂️

Кстати новая библиотека компонентов вышла, vuesax симпотная

Что-то отличий от element-ui не видно...

я это не в форме узнаю, ошибки всплывают из самого компонента с валидацией

Ну если не надо, то ладно ) Обычно формы отравляют куда-то

Такой вопрос, у меня есть store (vuex) и command.js файл где находятся мои команды, как мне в command.js получить данные из store?

Может кто-то подсказать *

?

что такое команды

Такой вопрос, у меня есть store (vuex) и command.js файл где находятся мои команды, как мне в command.js получить данные из store?

А где инстанс стора создаёшь ?

инстанс в main js

что такое команды

Это условное название файла

Там у меня набор функций которые я вынес из компонента

а зачем ты их вынес?

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

то доступ такой же как и в компоненте

а зачем ты их вынес?

что бы компонент не забивать запросами на сервер

this.$store или как там

Как в компоненте я знаю, я через геттер получаю данные, но мне надо именно в JS файле значение получить

ты функции где твои вызываешь

которые вынес

В компоненте

ну так вызови в контексте компонента

причем тут файл

Кстати новая библиотека компонентов вышла, vuesax симпотная

новая? я ее год назад еще видел

Что-то отличий от element-ui не видно...

глазки чаем промой

ERROR: S client not available

Ну если не надо, то ладно ) Обычно формы отравляют куда-то

серьезно? отправляют? блин. а я думал для красоты)

if (!this.$v.validate.$error) { this.$emit('input', value) }

если ошибка валидации, то из компонента данные не улетают в форму-родитель

инстанс в main js

Экспортируй инстанс оттуда , и где хочешь юзай

я офигевший сколько способов у Вью сделать одно и тоже)

я офигевший сколько способов у Вью сделать одно и тоже)

Два пароля как отвалидируешь?

там же в компоненте валидации, v-if на второй инпут Confirm Password если есть пропс

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

Есть в vue возможность добавлять поля через fields в data?

data() { fields: [{ name: 'name', label: 'Unit Name' type: 'text', rules: ['required'], class: 'col-12' }, ] }

кто-то встречал такое?

что за нах

что за нах

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

сорян

Народ, добрый день. Проект на laravel + vue, соответственно laravel.mix, во вью файлах указываю путь до картинки, Вебпак копирует картинки в папку public/images , так вот, как поменять данную папку на public/static/images ??

https://cli.vuejs.org/config/ Почитай там, мб assetsDir, мб чето еще

Помогите пожалуйста, safari на ios. Не работает такая конструкция: <v-btn v-on:click="navigateToCheck()" color="primary">...</v-btn> . methods: { navigateToCheck() { router.push({ name: 'check' }) } } В консоли на телефоне никаких ошибок не появляется

https://cli.vuejs.org/config/ Почитай там, мб assetsDir, мб чето еще

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

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

Vue CLI эти данные в т.ч. и в вебпак отдаёт Но говорят, что лучше конфигурировать vue, чем вебпак напрямую

пойдет? при создании ниодин фреймворк не пострадал. в смысле зачем вам фреймворки вообще?)

что так круто гифки пишет? это макос?

что так круто гифки пишет? это макос?

это видео. линукс, OBS

это видео. линукс, OBS

а лол

гифки анимацию бы не осилили наверное

data() { fields: [{ name: 'name', label: 'Unit Name' type: 'text', rules: ['required'], class: 'col-12' }, ] }

guys, хоть кто-то, что это вообще такое?

это плагин/vue?

что гуглить?

Vue CLI эти данные в т.ч. и в вебпак отдаёт Но говорят, что лучше конфигурировать vue, чем вебпак напрямую

так я собирал не CLI, все настройки и подключенная vue из коробки, vue.config.js вообще нет в проекте

Кто поможет за 500 рублей решить проблему с мобильными устройствами?