я просто вот прикручивал vue-resource

Сейчас рекомендуется axios

окок) просто и vue-resource в целом не вызывал нареканий

запросы ходят, интерцепторы работают, что еще нужно

это местный мем же)

ты мне скажи чо с фаерфоксом????

почему х5 по тестам

ты мне скажи чо с фаерфоксом????

ненужный браузер, удоли

он жи бистрий

class RequestService { post(params, success, error){ axios.post('LinkToMyApi') .then(function(response){ success(response) }) .catch(function(reject){ error(reject) }) } }

class RequestService { post(params, success, error){ axios.post('LinkToMyApi') .then(function(response){ success(response) }) .catch(function(reject){ error(reject) }) } }

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

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

Вперед и с песней

ты создал класс

ставлю класс

создал класс - создай объект!

когда я использовал ангулар 1 там я создал сервис

создал класс - создай объект!

это же не работает у меня

уже попробовал

axios это просто либа для работы с http, причем тут редакс?

Тоже повелся на этот мем

ты его экспортировал/импортировал?

где ты собрался вызывать

как я вызвать класс и его медот?

ты его экспортировал/импортировал?

да import RequestService from './services/RequestService'

в компоненте тогда вызывай методы класса

где ты собрался вызывать

на файле с расширением vue

Main.vue

вью это же жс

просто не понятно где у тебя не работает

5 из 5 яблочников юзают хром

Safari - помойка, как маковод говорю

у моего директора 7сафари

макбук 14го года

шас еще попробую

шас еще попробую

покажи код

class RequestService { post(params, success, error){ axios.post('LinkToMyApi') .then(function(response){ success(response) }) .catch(function(reject){ error(reject) }) } }

ну ты его заэкспортируй/импортируй

export default RequestService?

da

3000

опять

++

Всем привет)

здарова

Кто пользовался vue draggable? Есть вопрос по связи компонентов и data инстанса

Кто пользовался vue draggable? Есть вопрос по связи компонентов и data инстанса

+

+

Похоже я сам решил проблему, но теперь буду знать кому писать если что)

Похоже я сам решил проблему, но теперь буду знать кому писать если что)

?

всеравно не могу понять

есть 3 метода как их все перебрать здесь: <div id="style_block" v-for="item in filteredItems" > что бы фильтрация была не зависима друг от друга?

простой ответ: никак

da

? спасибо всем работает сам по себе

?

сложный ответ: скорее всего тебе нужен метод, который как-то обобщит твои другие 3 метода

который ты сможешь использовать "здесь"

есть 3 метода как их все перебрать здесь: <div id="style_block" v-for="item in filteredItems" > что бы фильтрация была не зависима друг от друга?

как вариант, список со ссылками на методы фильтрации и computed, который перебирает список и фильтрует исходные данные

жесть

жесть

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

спасибо

о, поздравляю)

3000

кругленько

псс а посоветуйте либу графиков и диаграмм для vue

псс а посоветуйте либу графиков и диаграмм для vue

графики и vue никак не связаны

Ребят, весем привет пытаюсь рахобраться с анимациями нашла вот https://ru.vuejs.org/v2/guide/transitions.html#%D0%A0%D0%B5%D0%B6%D0%B8%D0%BC%D1%8B-%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%BE%D0%B2 с примерами вверху все понятно пытаюсь сделать анимацию кнопок "on\off" нет никаких примеров как реализовать эту кнопку?

псс а посоветуйте либу графиков и диаграмм для vue

chart.js для простого

графики и vue никак не связаны

да понятно что не связаны но набор готовых компонентов существует

для chart js даже обертка есть под vue

я про обертки и спрашивал

кто что использует

Ребят, весем привет пытаюсь рахобраться с анимациями нашла вот https://ru.vuejs.org/v2/guide/transitions.html#%D0%A0%D0%B5%D0%B6%D0%B8%D0%BC%D1%8B-%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%BE%D0%B2 с примерами вверху все понятно пытаюсь сделать анимацию кнопок "on\off" нет никаких примеров как реализовать эту кнопку?

Что нужно сделать? Анимированный переход с on на off как в примере? Там ниже есть примеры c transition

ERROR: S client not available

кто что использует

vue-chart-js

та как-то не густо <transition name="fade" mode="out-in"> <!— ... кнопки ... —> </transition>

Реализовано так же. Только в transition кнопка завернута

Всё верно. Вопрос в чём?

та я вообще не понимаю, что надо написать. чтобы это заработало это какие-то сови классы писать или свои методы <div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade" mode="out-in"> <p v-if="show">hello</p> <p v-if="!show">second</p> </transition> </div> это работает без какой-либо анимации планой..просто резко меняется..

та я вообще не понимаю, что надо написать. чтобы это заработало это какие-то сови классы писать или свои методы <div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade" mode="out-in"> <p v-if="show">hello</p> <p v-if="!show">second</p> </transition> </div> это работает без какой-либо анимации планой..просто резко меняется..

https://ru.vuejs.org/v2/guide/transitions.html#%D0%9A%D0%BB%D0%B0%D1%81%D1%81%D1%8B-%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%BE%D0%B2

еще один вопросик плиз не могу отправить запрос на мой бэкенд бэкенд написал на PHP он стоит на Apache, использую OSPanel (Open Server) и моя Vue приложения запускается localhost:8080 на консолье ошибка Failed to load http://trofi.net/: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

google.com - Access-Control-Allow-Origin

еще один вопросик плиз не могу отправить запрос на мой бэкенд бэкенд написал на PHP он стоит на Apache, использую OSPanel (Open Server) и моя Vue приложения запускается localhost:8080 на консолье ошибка Failed to load http://trofi.net/: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

нельзя просто так взять и получить что то из интернета не проксируя

та я вообще не понимаю, что надо написать. чтобы это заработало это какие-то сови классы писать или свои методы <div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade" mode="out-in"> <p v-if="show">hello</p> <p v-if="!show">second</p> </transition> </div> это работает без какой-либо анимации планой..просто резко меняется..

Просто не показали CSS для классов анимационных переходов. У вас он не задан потому всё резко и меняется, объявите их и будет анимация простая

теперь поняла, спасибо большое, помогли!

теперь поняла, спасибо большое, помогли!

:) всегда пожалуйста

Никак не выходит заставить webpack + vue в дев окружении работать на localhost:8080/something/ как в корне

в смысле как в корне?

не можешь по прямому линку на внутренний роут зайти?

Хочу чтобы индекс был не в / а в /something/ и там же все ассеты и прочее. Потому что на продакшене именно так. Есть статичный css который дёргает файлы оттуда, если прописать assetsPublicPath на чтото отличное от пустоты, статика начинает работать нормально а приложение нет

Попробуй измени assettesPublicPath - у тебя ничего не заработает

у меня ничего не изменилось, но я уже понял, это не то

еще один вопросик плиз не могу отправить запрос на мой бэкенд бэкенд написал на PHP он стоит на Apache, использую OSPanel (Open Server) и моя Vue приложения запускается localhost:8080 на консолье ошибка Failed to load http://trofi.net/: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

Вам нужен cors

Вам нужен cors

ему нужен прокси

Вам нужен cors

спасибо исправил

?

ему нужен прокси

Мне cors помог

реально сделай просто прокси

proxyTable: { '/something': { target: 'http://localhost:8080', pathRewrite: { '^/something': '' } }

Вообще это дичь какая-то, если ты зависишь от того, с каким путём вызывается твое приложение. Для продакшена все пути разруливаются отдельным конфигом с абсолютными путями (которые могут вообще смотреть на сторонний cdn хост), entry point (начальный url) тоже может быть любым, это не должно никак аффектить локальную разработку на девсервере вебпака

proxyTable: { '/something': { target: 'http://localhost:8080', pathRewrite: { '^/something': '' } }

Надо попробовать. Спасибор.

ПРоблема решена кстати.

https://github.com/vuejs-templates/webpack/issues/546#issuecomment-288615493

Вот это сработало