Всем спасибо за инфу ?

привет, ищу vue прогера на проект, пилить различные визуальные плагины, кому интересно пишите в личку

ребятки, подскажите, есть компонент с таким HTML содержимым: .product .column вопрос в том, что .column это у меня глобальный стиль от бульмы, а я хочу свой стиль, чтобы через v-data разрулить. у меня стоит scoped в стилях. Можно ли как-то избавиться, чтобы class="column" на выходе был v-data?

deep selector?

Vue UI либами не пользовался, ограничивался обычными UI либами и костылями. Подскажите, пожалуйста, по Element-UI. 1. Правда ли, что для него стоит поставить Normalizecss. Что-то стили по умолчанию выглядят не очень. Или требуется как-то подключить ещё тему кроме того, что написано в QuickStart 2. В традиционных UI фреймворках кроме непосредственно компонентов, есть куча "ниверсаьных" стилей / утилит. Типа text-center для выравнивания текста. Или классы для выравнивания элемента. Или классы для раскрашивания стандартными цветами, добавления отступов и т.д. Есть ли такое обычно в vue-ui фреймворках (классами, или директивами) и есть ли такое в Element-ui?

Vue UI либами не пользовался, ограничивался обычными UI либами и костылями. Подскажите, пожалуйста, по Element-UI. 1. Правда ли, что для него стоит поставить Normalizecss. Что-то стили по умолчанию выглядят не очень. Или требуется как-то подключить ещё тему кроме того, что написано в QuickStart 2. В традиционных UI фреймворках кроме непосредственно компонентов, есть куча "ниверсаьных" стилей / утилит. Типа text-center для выравнивания текста. Или классы для выравнивания элемента. Или классы для раскрашивания стандартными цветами, добавления отступов и т.д. Есть ли такое обычно в vue-ui фреймворках (классами, или директивами) и есть ли такое в Element-ui?

Не пользуйся им, это какашка. Если тебе не три формы сделать нужно для тестового проекта )))

Я не пользуюсь, я порекомендовал другу :D А какие есть действительно хорошие ui фреймворки? Кроме материал-подобных) Buefy? Но вопрос был больше в целом ко всем таким

2 варианта. Выбирать один из матириал или собирать свой.

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

Не пользуйся им, это какашка. Если тебе не три формы сделать нужно для тестового проекта )))

почему какашка? Я просто не в курсе, второй проект на нём делаю...

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

2 варианта. Выбирать один из матириал или собирать свой.

У того же Vueify есть утилитные классы / директивы? Я увидел, но минимум таких.

У того же Vueify есть утилитные классы / директивы? Я увидел, но минимум таких.

посмотри quasar - у него все норм и утилитных классов полно

Он разве не для мобилок?

Спасибо, гляну.

Неужеле больше нет хороших и достаточно гибких чисто UI фреймворков?

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

Не очень понятно объяснил, пример бы. А так приходится верить на слово. В репе ничего криминального не увидел.

народ помогите с такой багой. есть плагин https://github.com/sagalbot/vue-select если на телефоне врубить автозаполнение Т9 и в режиме аякса вводить в это поле то он не ищет, пока не нажмешь интер, причем баг только на андроиде проверить его можно тут http://sagalbot.github.io/vue-select/docs/Advanced/Ajax.html причем на другом плагине http://element.eleme.io/#/en-US/component/select (Remote Search) та же самая история. кто может помочь с решением, за деньги, пшите в личку

sagalbot/vue-select вообще какойто глючный, я планирую сам свой написать этот кривой какойто

только что понял что в разных компонентах можно использовать одинаковые классы и делать scoped, все так делают?))

Народ, привет! Можете подсказать менее опытному? Прохожу тестирование, там нужно сделать мини-приложение на VueJS. Сделал. Одним из пунктов значится следующее: "Разместить json файл в котором будет ответ сервера об успешной отправке формы и сделать имитацию запроса к серверу. Ответ с сообщением об успешной отправке показать пользователю." На локалке использовал для этого vue-resource и json-server. Все работает. На сервак закинул - не хочет зараза, видимо json-server заточен только для локалки, что ли. Подскажите или намекните, как данную задачу можно решить?

На одном порте скорее всего надо запускать

Ибо cors

да вот, тоже с cors столкнулся

@kotlyarchuk можно без библиотек, вручную же сделать, сделать в методе api.request параметр - mock: true. Если он есть, то не делаешь запрос, а просто динамически импортируешь модуль и резолвишь в ответ. Например, запрос к апи: news/list импортишь модуль "@/tests/mocks/news/list.json"

neonorep загуглил, нашел страницу https://ru.vuejs.org/v2/cookbook/using-axios-to-consume-apis.html#%D0%9F%D1%80%D0%BE%D1%81%D1%82%D0%BE%D0%B9-%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80 Там get, а мне post надо, там у меня отправка формы идет, типа на сервер, должен получить ответ)

как тут быть?

у axios есть и .post

Вместо get пишешь post

Первый параметр куда, второй что

И дальше как в примере

Вроде

да это ясно) а куда mock: true прописать?

axios.post(apiserver, {mock:true}).then блабла

спасибо, попробую)

секунду, щас накидаю код

я увидел в чате слово мок

я вставлю ссылку на мимик

https://mimic.js.org/

Как-то так export function request (action, method, params = {}, mock = false) { const data = buildParams(params) const url = `${API_URL}${action}/?${data}` if (mock) { return import(`@/tests/mocks/${action}.json`) .then(response => response.default) } return axios({ method, url, data }) .then(response => response.data) }

почему не видит глобальный vue-cli? добавил их в переменные среды и все равно.

почему не видит глобальный vue-cli? добавил их в переменные среды и все равно.

винда или линукс?

винда :(

почему не видит глобальный vue-cli? добавил их в переменные среды и все равно.

Перезапусти терминал.

удалил vue-cli, поставил @vue-cli

почему не видит глобальный vue-cli? добавил их в переменные среды и все равно.

консоль перезапустил ?

ага

Парни подскажите по axios или ссылку мож кто кинет на что нибудь: Присылают мне путь на картинку, как мне вывести картинку в нужное место? Имею ввиду что путь не правильный всегда, к тому же картинки с [hash] . Как достучатся то до нужной картинки? В js например require() ну в хтмл такое не конает

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

Парни подскажите по axios или ссылку мож кто кинет на что нибудь: Присылают мне путь на картинку, как мне вывести картинку в нужное место? Имею ввиду что путь не правильный всегда, к тому же картинки с [hash] . Как достучатся то до нужной картинки? В js например require() ну в хтмл такое не конает

<img v-bind:src="path"/>

<img v-bind:src="path"/>

это понятно, только картинку вот не видит

потому что картинки сам vue переносит в static и добавляет 5 рандомных букв в когнце

чот какая-то дичь) либо сервер присылает тебе полный абсолютный URL и тогда тебе пофиг, что там куда переносится при билде, либо ты зачем то тянешь с сервера относительный путь (так просто не нужно делать, ты можешь получить ID сущности и по нему вытянуть себе картинку через тот же require)

например приходит абослютный путь к картинке src/assets/img/pic.jpg , картинку в браузере по такому пути не видно, хотя она есть. Все обработанные картинки vue находятся в папке static

откуда приходит

с чего ради сервер будет слать ссылки на локальные файлы

axios с json файла в папке static

так вот и вопрос, как правильно путь задать

json в компонент не перенести? вебпак тогда увидит при билде все ресурсы и всё подтянется

конечно можно убрать в конфиге вебпака хэш до картинки. и при подстановке в путь смотреть на окружение

но всё равно "какая-то дичь" как сказали выше

пытался так - :src="require('../assets/img/' + item.pick)" - ошибка

ERROR: S client not available

сделай так, чтоб расширение было статично

хеш в конфиге убрать?

так там и путь меняется по сути. это не сильно поможет

./assets/img/${item.pick}.jpg

из доки вебпака

или используй require.context api

https://webpack.js.org/guides/dependency-management/#context-module-api

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

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

доку кури

слишком много для картинки, я бы сказал

привет использую тэк v-html а /n просто отображается как текст, что можно сделать?

так работает, при условии что hash отключен - :src="'static/'+ item.pick"

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

привет использую тэк v-html а /n просто отображается как текст, что можно сделать?

а что такое /n ?

перенос строки

\n

перенос строки

\n

ну да так

перепутал

но он не работает

но он не работает

А как он должен работать?

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

разобрался

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

посмотри в инспекторе. перенос строки есть. на всякий. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br

не пойму тоесть браузер не поддерживает такой перенос?

не пойму тоесть браузер не поддерживает такой перенос?

ток так https://developer.mozilla.org/ru/docs/Web/CSS/white-space либо внутри <pre> в остальных случаях переносы вроде схлопываются в один пробел

мне не пробел а перенос нужен

доку читай