pinelover
Коллеги, кто-нибудь работал с PWA/Workbox.js? Подскажите пожалуйста, как зарегестрировать запрос типа http://localhost:9000/tools/12398128398?access_token=AC8198A9C8A9918EAB ? Использую webpack workbox plugin, пробовал workboxSW.router.registerRoute по regexp паттерну - нифига..
Anton
всем привет. Народ посдскажите как шторм заставить подсвечивать scss во vue компонентах?
Руслан
Как правильно динамически переключаться между несколькими различными кусками HTML-контента, тоже использующего Vue? Сейчас объявляю каждый кусок как отдельный компонент и вставляю с помощью <component>, но приходится объединять scope через костыль с ссылкой на общую переменную.
pinelover
Он позволяет как раз переключаться между компонентами
Anton
Народ подскажите пожалуйста как ловить фокус на блоке и всех его детях?
Alex
Народ подскажите пожалуйста как ловить фокус на блоке и всех его детях?
Слушать нативное событие?
Anton
@focus На детях не работает, если кликнуть по блоку то ок, а если по инпуту внутри него, то нет
Evgheni
Anonymous
Ребят, а в какой момент $store уже доступен? В mounted еще нет (
Anton
а ловить @click ?
тогда по @blur не будет эвент выполняться нужный мне.
Сначала лучше опишу задачу. Есть блок в нем инпут, при получении фокуса инпута нужно показать другой блок, если кликнули везде вне этого блока или инпута, то нужно скрывать блок. У блока с инпутом инпута и блока который нужно показать общий родиттель
Anton
Как то так
<div>
<div class="form">
<input>
</div>
<div class="filter__wrapper">
...
</div>
</div>
Anton
При получении фокуса у инпута нужно показывать filter__wrapper, при этом скрывать его, если клик был за пределом родителя
Stanislav
Anton
focus, blur на инпуте работает, но блок срывается при любых действиях на нем, focus, blur на родителе работает как надо, но при клике в любой элемент внутри блока который может принять фокус, блок скрыватеся пропадает
Anton
при blur блок то скроется, а мне нужно чтоб отображался, и только при клике за пределами родителя скрывался
Anton
Короче сделал прозрачный fixed слой во весь экран с меньшим z-index на который повесил событие скрытие блока по клику
Anonymous
всем привет, только начал изучать vue.js. так что вопрос может глупый, но второй день вывести не могу данные из бд, чтоб передавались в text, а не прописывать в ручную, если кто знает подскажите плиз как это сделать
<div class="reclassify_animal_status">
<select v-select="selected">
<option value="0"></option>
<option v-for="o in options" :value="o.id">{{ o.text }}</option>
</select>
</div>
<script>
var vm = new Vue({
el: '.reclassify_animal_status',
data: {
selected: 0,
options: [
{ text: 'Loszka' },
{ text: 'Maciora' },
{ text: 'Knur' },
]
}
})
</script>
Vladimir
Не понял задачу
Vladimir
o.id нету у тебя
Anonymous
пример взят https://v1.vuejs.org/examples/select2.html, немного поправил наверное не то написал), но мне бы данные вывести вот эти Loszka, Maciora, Knur прописанны в коде, а они у меня в бд , там еще куча всего - много объектов - прописывать их в ручную не вариант
Anonymous
надеюсь понятно)
Evgheni
пример взят https://v1.vuejs.org/examples/select2.html, немного поправил наверное не то написал), но мне бы данные вывести вот эти Loszka, Maciora, Knur прописанны в коде, а они у меня в бд , там еще куча всего - много объектов - прописывать их в ручную не вариант
только бекенд имеет возможность взять данные с бд
Evgheni
апи делай и с апи данные бери из вью жс
Anonymous
да
baur.sha
Ребят, есть кейсы организация толстого проекта на vue (REST)
baur.sha
?
Victor
Что значит "толстый"?
baur.sha
Ну большой проект
Alex
наверное имеется в виду spa
Vladimir
да
Vladimir
vue-cli
Alex
то есть где логика идет на клиенте
Alex
vue-cli и в небольшом используется, потому что он удобнее и можно плагины юзать
baur.sha
Api организовываете через axios?
Alex
да
Vladimir
я через vue-resource
Victor
Apollo
Alex
есть еще vue-axios, но я не пробовал
baur.sha
На нем не проблематично будет прототип быстро накидать?
Alex
api? что там может быть проблематичного? запросы?
Alex
если не крупный то легко
Alex
и без заморочек особых
baur.sha
Во вью есть подобное?
baur.sha
Лан спасибо
baur.sha
Асинхронные запосы я имел ввиду
baur.sha
Вот в редаксе это пизда
baur.sha
Я не осилил
Victor
Так ты же спросил про vue
Victor
А Redux - это аналог Vuex
Bushrut
все говорят круто, но на деле не так круто, девшахт его тоже не очень одобрил, так для пет проекта
Руслан
Расписал свой предыдущий вопрос вот тут: https://kinrany.github.io/vue_single_page_example/
Руслан
Для этого правда vue-render нужен?
Руслан
Исходник тут, если так удобнее: https://github.com/Kinrany/vue_single_page_example/blob/master/index.html
Sergei
Ребята подскажите в каком направлении двигаться! Вопрос по сборке проекта с vue.js
У меня есть трехстраничный сайтец, он без фреймворков и cms почти статичный (есть немного php) собирается Gulp’ом из pug+sass+jquery. Хочу c jq пересесть на vue, так как сейчас планируется туда добавить еще одну страницу на которой в одном из блоков будет функционал а-ля магазин.
Сначала думал что просто с CDN’ки подключу vue и буду счастлив, и поначалу всё так и было, но вскоре оказалось этого недостаточно, так как код страницы начал расти плюс понадобились сторонние плагины, в общем нужно организовать сборку проекта с поддержкой *.vue файлов.
И вот на этом у меня трабла, я не понимаю как связать что выдает мне в итоге вебпак и то что у меня уже есть? Т.е. вебпак на выходе выдает мне html и js и это как бы совершенно самостоятельные файлы.. а мне нужно как-то вложить html в нужное место в текущем проекте.
В общем я в растерянности как это интегрировать (да еще и не забыть про удобство разработки лайврелоад и т.д.), подскажите как быть то, как жить дальше.. гайдов не нашел в интернетах.
Anton
Приветствую, в очередной раз расчитываю на вашу помощь. Рендерю список: https://pastebin.com/3ekqDE7P, при клике изменяю свойства объекта learned: https://pastebin.com/sHaz4XXf - список не рендерится по новой. Но если в switchTechnique изменить не только learned, но и title - тогда обновляется, в чем косяк?
Попробую еще раз, ни в какую не хочет
Alex
в главном файле vue ставите el:"app", в своем html вешаете на див, в котором хотите использовать vue id="app", после чего внутри этого дива будет все доступно
Alex
можно разнести по компонентам для удобства
Сергей
Ребята подскажите в каком направлении двигаться! Вопрос по сборке проекта с vue.js
У меня есть трехстраничный сайтец, он без фреймворков и cms почти статичный (есть немного php) собирается Gulp’ом из pug+sass+jquery. Хочу c jq пересесть на vue, так как сейчас планируется туда добавить еще одну страницу на которой в одном из блоков будет функционал а-ля магазин.
Сначала думал что просто с CDN’ки подключу vue и буду счастлив, и поначалу всё так и было, но вскоре оказалось этого недостаточно, так как код страницы начал расти плюс понадобились сторонние плагины, в общем нужно организовать сборку проекта с поддержкой *.vue файлов.
И вот на этом у меня трабла, я не понимаю как связать что выдает мне в итоге вебпак и то что у меня уже есть? Т.е. вебпак на выходе выдает мне html и js и это как бы совершенно самостоятельные файлы.. а мне нужно как-то вложить html в нужное место в текущем проекте.
В общем я в растерянности как это интегрировать (да еще и не забыть про удобство разработки лайврелоад и т.д.), подскажите как быть то, как жить дальше.. гайдов не нашел в интернетах.
Если действительно сайт маленький, то в разы проще будет выкатить новую версию уже полностью переписанную на однофайловые компоненты. Сейчас ты добавляешь четвертую страницу, завтра пятую, послезавтра динамику и т.д.
baur.sha
Нетфликс троллит?
baur.sha
Sergei
Если действительно сайт маленький, то в разы проще будет выкатить новую версию уже полностью переписанную на однофайловые компоненты. Сейчас ты добавляешь четвертую страницу, завтра пятую, послезавтра динамику и т.д.
Ну я к этому и стремлюсь, только я хз как связать статическую часть и часть с vue в один проект. Да так, чтобы это всё удобно было.
Alex
Ну я к этому и стремлюсь, только я хз как связать статическую часть и часть с vue в один проект. Да так, чтобы это всё удобно было.
один добрый человек набросал мне в песочнице макет, вдумчивое курение которого ответило на 80% моих вопросов. Там и http запросы и вставка в проект и использование vuex и все это в маленьком приложении
Alex
https://codesandbox.io/s/r7jv2q1xoq
Alex
почитай внимательно, я тоже пришел в субботу с нулевыми знаниями. этого примера хватило для нормальной работы, вопросы потом возникали,но по мелочи
Sergei
почитай внимательно, я тоже пришел в субботу с нулевыми знаниями. этого примера хватило для нормальной работы, вопросы потом возникали,но по мелочи
У меня хорошее понимание vue, я со сборкой не дружу
Сергей
Ну я к этому и стремлюсь, только я хз как связать статическую часть и часть с vue в один проект. Да так, чтобы это всё удобно было.
Кхм, так как ты хочешь удобно не будет. Придется, условно, создать приложение с нуля. Какие-то части copy/paste пройдут, какие-то придется переписывать.
Sergei
Кхм, так как ты хочешь удобно не будет. Придется, условно, создать приложение с нуля. Какие-то части copy/paste пройдут, какие-то придется переписывать.
Звучит как "нужно делать SPA"
Alex
У меня хорошее понимание vue, я со сборкой не дружу
мне помогло знакомство с ангуларом. почти все директивы совпадают