Wingman
Option он шлёт чтобы узнать поддерживает ли бэк нужный метод и тд, если да шлёт твой запрос
А. О как. Стало понятнее, спасибо. Осталось заставить к options прицеплять хоть один доп.параметр (токен), а то по unauthorized отбивается без токена в жсон боди :)
Wingman
Ладно, дальше сам, спасибо!
Vitaly
Поэтому в ларе если мы обновляем данные то в форму кладем скрытый input _method
Shamil
Интерсепшены есть для клиентов, например у аксиоса
Shamil
Там можно хедеры, токенах и прочее подставлять перед/после запросами
Vitaly
На самом деле все эти токены можно хоть в форме отправить хоть в headers
Vitaly
Но надо настроить бэк правильно
Wingman
да понятно, придется слегка переделывать
Vladimir
Материал - потомок бутстрапа, все его везде тащат .. ((
human
Парни, встречались с таким ? "[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build."
Roman
интегрировал кто Facebook SDK? app.js const app = new Vue(/*...*/) // Initialize Facebook SDK only on the client if (!app.$isServer) { console.log('INIT FACEBOOK SDK') window.fbAsyncInit = function() { console.log('FACEBOOK SDK INIT COMPLETE:', window.FB) FB.init({ appId: 'xxxxxxxxxxxxxxx', xfbml: true, version: 'v2.12' }) FB.AppEvents.logPageView() } (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0] if (d.getElementById(id)) return js = d.createElement(s) js.id = id js.src = "https://connect.facebook.net/en_US/sdk.js" fjs.parentNode.insertBefore(js, fjs) }(document, 'script', 'facebook-jssdk')) } но получаю в консоли INIT FACEBOOK SDK FACEBOOK SDK INIT COMPLETE: undefined и естественно ошибку: app.js:54 Uncaught ReferenceError: FB is not defined at app.js:54 at createApp (app.js:61) вроде всё именно так как надо делаю, но не хочет, undefined и всё, есть идея в чём может быть причина?
Arstanbek
Quasar-framework.org Да пребудет с тобой шшшастье
Wingman
он бажный
Wingman
я осенью пробовал, оставил пяток issues и забил
Wingman
например: https://github.com/quasarframework/quasar/issues/914 тупо toast работает через раз, и не у меня одного. Спустя полгода - "мы его выкинули нахрен, теперь всё ок" :)
Anton
Всем добрый день, интересный вопрос по поводу data у меня есть такая строка data(){ return { myUser: Number(window.userInfoFromStory['id']), user: this.chat.users.filter(el => el.id !== this.myUser)[0], } },суть в том что если я такое пытаюсь вызвать через data то все условия внутри просто игнорить а когда такое вывожу в template все показывается правильно, в чем причина такого поведения ? При чем замечаю такое уже не в первый раз.
Anton
поскольку значение данного обекта меняться не будет ему главное при первой загрузке это проверить и все
Anton
или data не может обрабатывать такие условия ?
Evgheni
или data не может обрабатывать такие условия ?
вы не можете обратится к внутним полям объекта через поля объектов
Anton
понял, пойду тогда копать как правильно это будет мне обрабатывать, и читать доки) спасибо )
Evgheni
вынеси свою логику в created и будет всё норм
Anton
разобрался
Александр
Как можно сделать чтобы created выполнялся только при первом рендеринге компонента? Или такое не получится?
Anton
created(){ this.user = this.chat.users.filter(el => el.id !== this.myUser)[0]; }, data(){ return { myUser: Number(window.userInfoFromStory['id']), user: '', } },Большое спасибо
Александр
не получится, что хотите сделать? опишите задачу
по перехожу на вкладку запускается created, делается запрос , vuex заполняется ответом. Перехожу на другую вкладку - возвращаюсь, и снова вижу, что отсылается запрос. Не хочется бомбить сервер лишними запросами
Александр
я тоже сначала подумал на keep-alive, но не работает он почему-то
Evgheni
должно работать
Александр
:is обязателен?
Evgheni
поидеи нет, но не проверял
Александр
поидеи нет, но не проверял
Вот так навешиваю. И ничего. А если прописать is="Мой компонент", то говорит, что не зарегистрирован такой http://joxi.ru/L21l1a1C6Q3Qnm
NoHate
Только я не вижу <> у keep-alive?
NoHate
беда..
Evgheni
Вот так навешиваю. И ничего. А если прописать is="Мой компонент", то говорит, что не зарегистрирован такой http://joxi.ru/L21l1a1C6Q3Qnm
<keep-alive include="<название компонента>"></keep-alive> можно конечно ему напрямую сказать, может поможет
Anonymous
гошка у меня на бэке
github.com/gin-contrib/cors router := gin.Default() router.Use(cors.New(cors.Config{ AllowAllOrigins: true, AllowMethods: []string{"PUT", "GET", "POST","OPTIONS", "PATH"}, AllowHeaders: []string{"Origin", "Authorization"}, ExposeHeaders: []string{"Content-Length", "Access-Control-Allow-Headers", "Access-Control-Request-Headers", "Access-Control-Request-Method"}, AllowCredentials: true, }))
Александр
и непонятно, вы оборачивайте простой div а не компонент
Это да, сначала затупил. Но вот обернул именно компонент. Он закешировался, как и должен, так как отрисовался только первый элемент массива. Но при переходе на этот таб всё равно запрос отсылается http://joxi.ru/brRjXRXiQWGPEr
Evgheni
🤔хмм
Александр
🤔хмм
Мда, не совсем понятно как узнать вообще работает keep-alive или нет. Точно ли он блокирует выполнение хука created. Я уже и компонент в компоненте сделал и по разному пробовал его прописывать, но запросы все равно отсылаются. Решил это тем, что сейчас в created проверяю пустой vuex или нет
Ruslan
Всем привет, нужна ваша помощь. Столкнулся с одной проблемой, которая по моему мнению связана с неправильной конфигурацией webpack'а и/или использованием не той версии пресета Babel. Могли бы вы поделиться правильно настроенным конфигом webpack'а, чтобы разобраться в чём проблема? Если необходимо, вот мой package.json https://hastebin.com/qibofanege.json p.s.: За косяки в package.json сильно не пинайте, я новичок во вью. Спасибо
Александр
Как вообще узнать работает keep-alive или нет, кто-нибудь знает?)
Ruslan
"Доктор, здравствуйте, у меня что-то болит, я подозреваю что дело в печени, по-этому осмотрите мое колено"
Значит нужно описать проблему как она есть. Недавно дошло до меня, что необходимо и сам main.js из es6 компилировать в js (возможно формулировка так себе, но надеюсь что суть ясна). Начал копать, пробовать - получается приблизительно одно и то же. После компиляции в консоле браузера Cannot read property 'axios' of undefined или Cannot read property '$createElement' of undefined . Если по роутам походить, то Cannot read property '$route' of undefined и то же с $createElement. Насколько я понимаю, Vue почему-то не подгружает то, что я в Vue.use подключил. Подключаю я приблизительно так: import Vue from 'vue'; import VueRouter from 'vue-router'; import axios from 'axios'; Vue.use(axios); Vue.use(VueRouter); С пресетами Babel @babel/preset-env и babel-preset-env ситуация одинаковая. Пробовал подключать пресеты непосредственно в конфиге вебпака, и в .babelrc. Может я смотрю куда-то не туда? Направьте меня на путь истинный)
Ruslan
При чём если не трогать main.js, всё работает отлично (ну за исключением браузеров, которые не поддерживают es6, насколько я понимаю)
Sunlive
Sunlive
кто на тсе с декораторами пишет, где про них почитать можно? https://github.com/kaorun343/vue-property-decorator тут просто список и во что рендерится, всякие неочевидные вещи где можно глянуть?
Александр
в mounted/created напиши консоль лог, узнаешь
когда keep-alive подключен ничего вывестись в консоль не должно?
Sunlive
когда keep-alive подключен ничего вывестись в консоль не должно?
1 раз только, если ты например по роуту ходишь, то когда вернешься уже не будет перерендеривать
Александр
Значит нужно описать проблему как она есть. Недавно дошло до меня, что необходимо и сам main.js из es6 компилировать в js (возможно формулировка так себе, но надеюсь что суть ясна). Начал копать, пробовать - получается приблизительно одно и то же. После компиляции в консоле браузера Cannot read property 'axios' of undefined или Cannot read property '$createElement' of undefined . Если по роутам походить, то Cannot read property '$route' of undefined и то же с $createElement. Насколько я понимаю, Vue почему-то не подгружает то, что я в Vue.use подключил. Подключаю я приблизительно так: import Vue from 'vue'; import VueRouter from 'vue-router'; import axios from 'axios'; Vue.use(axios); Vue.use(VueRouter); С пресетами Babel @babel/preset-env и babel-preset-env ситуация одинаковая. Пробовал подключать пресеты непосредственно в конфиге вебпака, и в .babelrc. Может я смотрю куда-то не туда? Направьте меня на путь истинный)
Возьми готовый шаблон. Там всё с коробки рабочее. Если проект только начал, то несложно будет по файлам распихать
Ruslan
Ладно, придется так и делать. Благодарю за отклик)
Vadim
Посоветуйте библиотеку для модальных окон / попапов.
Sunlive
ты же в курсе что это 2 цсс класса?
Александр
Хотя подключать целую библиотеку для этого...Когда действительно можно обойтись своими средствами
Sunlive
ну ты пишешь стили для бекграунда и самой модалки
Sunlive
все
Sunlive
ы
Vadim
ну ты пишешь стили для бекграунда и самой модалки
А сам ее вызов, кнопка закрытия, закрытие по клику на фон?
Pavel
ну ты пишешь стили для бекграунда и самой модалки
еще нужно, чтобы она выключалась при нажатии esc. и наверняка куча еще других мелочей
Sunlive
согласен
Sunlive
https://i.redd.it/zq2yjloecf901.jpg
Александр
еще нужно, чтобы она выключалась при нажатии esc. и наверняка куча еще других мелочей
А мы уже разучились навешивать события и отлавливать event.target ?)
Pavel
А мы уже разучились навешивать события и отлавливать event.target ?)
библиотека в данном случае позволяет не изобретать велосипед
NoHate
Всегда беру пример от сюда, и дописываю под свои нужды https://vuejs.org/v2/examples/modal.html
Sunlive
Всегда беру пример от сюда, и дописываю под свои нужды https://vuejs.org/v2/examples/modal.html
спасибо за ссылку кстати, не видел такого когда доки смотрел последний раз