@vuejs_ru
Vue.js — русскоговорящее сообщество

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 11 января 2017 г.

05:35:09 ДП
User 285538895
Мужики чё не так с ней а ? :
var token = btoa('admin : 1');
Vue.http.get('https://espo.lc/api/v1/FinishedGoods',{
  headers:{ 
    "Authorization" : "Basic " + token,
  }
})
05:35:18 ДП
User 285538895
Никак авторизацию не пройдёт
05:35:24 ДП
User 285538895
Уже истерика у меня
05:36:15 ДП
User 142429867
Точно Basic а не Bearer?
05:37:33 ДП
User 293645084
User 285538895
Мужики чё не так с ней а ? :
var token = btoa('admin : 1');
Vue.http.get('https://espo.lc/api/v1/FinishedGoods',{
  headers:{ 
    "Authorization" : "Basic " + token,
  }
})
btoa что за функция?
05:37:43 ДП
User 285538895
User 293645084
btoa что за функция?
base64
05:37:59 ДП
User 285538895
User 142429867
Точно Basic а не Bearer?
А это что такое ?
05:38:22 ДП
User 285538895
И КОРСы проставил
05:38:32 ДП
User 285538895
всё равно тупит она
05:39:05 ДП
05:40:49 ДП
User 142429867
User 285538895
Похоже, что сервер запрещает с локалхоста к нему обращаться через js
05:41:07 ДП
User 293645084
всё равно мало информации
я бы сначала проверил что приходит на сервер и сравнил с тем, что должно быть
05:41:34 ДП
05:41:41 ДП
User 285538895
Это принимающая сторона
05:42:05 ДП
User 285538895
User 142429867
Похоже, что сервер запрещает с локалхоста к нему обращаться через js
Так это OpenServer
05:42:50 ДП
User 285538895
Точнее связка такая, 
Gulp + Webserver обращяеться к OpenServer
05:42:59 ДП
User 293645084
так откуда ты знаешь, что логин admin, а пароль 1?
05:43:14 ДП
User 285538895
User 293645084
так откуда ты знаешь, что логин admin, а пароль 1?
Так моё же =)
05:43:38 ДП
User 285538895
Я не из мира хочу забрать, всё у меня на компе =)
05:44:13 ДП
User 293645084
User 285538895
Так моё же =)
у тебя в первую очередь код 401, значит авторизацию не прошло. смотри что по серверу
05:44:59 ДП
User 285538895
И снова мы возвращяемся, к тому с чем я обратился =))
05:44:59 ДП
User 285538895
Мужики чё не так с ней а ? :
var token = btoa('admin : 1');
Vue.http.get('https://espo.lc/api/v1/FinishedGoods',{
  headers:{ 
    "Authorization" : "Basic " + token,
  }
})
05:44:59 ДП
User 285538895
Никак авторизацию не пройдёт
05:45:42 ДП
User 285538895
Я больше скажу , я выдёргиваю хэдэры из CRM , копировал всхую, всё равно не подходит
05:46:03 ДП
User 285538895
User 285538895
Я больше скажу , я выдёргиваю хэдэры из CRM , копировал всхую, всё равно не подходит
В смысле я пробывал это
05:46:06 ДП
User 293645084
так тебе никто не поможет, нужно и код сервера смотреть
05:46:55 ДП
User 293645084
также сам запрос
05:47:04 ДП
User 293645084
который посылается к серверу
05:47:26 ДП
User 285538895
На этом уровне проблема же не может возникнуть, это же бред ?
05:47:27 ДП
User 285538895
Точнее связка такая, 
Gulp + Webserver обращяеться к OpenServer
05:48:13 ДП
User 285538895
Это то что мы отправляем
05:49:33 ДП
User 142429867
Значит тебе нужно спрашивать на канале php по поводу серверной части, фронтенд, судя по всему правильный запрос отправляет
05:50:21 ДП
User 285538895
User 142429867
Значит тебе нужно спрашивать на канале php по поводу серверной части, фронтенд, судя по всему правильный запрос отправляет
Там меня сьедят =) к вам отправят =)) ... Ладно спасибо большое, попробую
05:50:22 ДП
05:55:30 ДП
User 552804
User 285538895
Я больше скажу , я выдёргиваю хэдэры из CRM , копировал всхую, всё равно не подходит
Всхую, звучит матерно)
05:56:02 ДП
User 285538895
User 552804
Всхую, звучит матерно)
Ахахахахаххахаха
06:16:14 ДП
User 552804
Learn Vue 2: Step By Step
https://laracasts.com/series/learn-vue-2-step-by-step
laracasts.com/series/learn-vue-2-step-by-step
Vue is easily one of the most exciting additions to the front-end world in many years. With its intuitive API, and the fact that it can be applied to any type of application, it's no wonder why folks have gravitated to it as much as they have. If you'd like to jump on board, let me show you, step by step, exactly what you need to know. It's the best way to learn Vue!
06:16:32 ДП
User 552804
Оказывается уже дофига серий вышло
06:24:08 ДП
User 60331718
User 285538895
Мужики чё не так с ней а ? :
var token = btoa('admin : 1');
Vue.http.get('https://espo.lc/api/v1/FinishedGoods',{
  headers:{ 
    "Authorization" : "Basic " + token,
  }
})
Basic? Там же вроде "Token" должен быть
06:24:50 ДП
User 285538895
User 60331718
Basic? Там же вроде "Token" должен быть
Ну так я и пробую token
06:26:47 ДП
User 60331718
User 285538895
Ну так я и пробую token
Нет, там должно быть так
 Token blablablabla
06:27:06 ДП
User 285538895
Вместо Basic ?
06:27:10 ДП
06:27:46 ДП
User 60331718
Token + пробел + собственно твой токен, который ты хочешь передать
06:29:02 ДП
06:32:34 ДП
User 285538895
А может быть потому что я обращяюсь с 9000 порта ?
07:16:24 ДП
07:21:20 ДП
User 104477
И оба почему-то не знают Math.max
07:25:52 ДП
User 285538895
User 234491501
Скинь покачественней
07:25:58 ДП
User 285538895
не видно ничего с компа
07:26:16 ДП
User 55423102
Это чтобы не волновался)))
07:26:34 ДП
User 285538895
User 55423102
Это чтобы не волновался)))
Я вот волноватся уже начал
07:27:19 ДП
User 60331718
User 285538895
Так ?
да
07:28:44 ДП
User 104477
User 285538895
не видно ничего с компа
Слева плохой аналог math.max, слева очень плохой аналог math.max для двух аргументов
07:36:54 ДП
User 285538895
User 104477
Слева плохой аналог math.max, слева очень плохой аналог math.max для двух аргументов
Пффф, у меня даже не встал
07:57:09 ДП
User 184398046
User 285538895
Пффф, у меня даже не встал
Не пробовал
'Логин:Пароль' без пробелов?
07:57:45 ДП
User 285538895
User 184398046
Не пробовал
'Логин:Пароль' без пробелов?
Да я забил уже, просто втупую json сохранил из него "читаю"
09:20:43 ДП
User 152816933
User 285538895
Да я забил уже, просто втупую json сохранил из него "читаю"
Ты пробовал "ручками" отправить запрос на авторизацию? Ну там, curl/postman? Обычно, в HTTP basic немного другой заголовок, как писали выше.
09:33:42 ДП
User 285538895
User 152816933
Ты пробовал "ручками" отправить запрос на авторизацию? Ну там, curl/postman? Обычно, в HTTP basic немного другой заголовок, как писали выше.
Так не php же, я же vue использую
09:34:26 ДП
User 285538895
на php file_get_contest справился бы просто вначале указал бы https://username:pass@host.lc
09:36:54 ДП
User 152816933
User 285538895
Так не php же, я же vue использую
А причем тут PHP? Я намекаю, что возможно ты запрос неправильный отправляешь.
09:37:51 ДП
User 285538895
User 152816933
А причем тут PHP? Я намекаю, что возможно ты запрос неправильный отправляешь.
Так а как его более правильно я мог бы отправить =) ?
09:38:29 ДП
User 285538895
А curl разве не только в php ?
11:10:28 ДП
User 285538895
Мужики, а где тут зацикленость ?
11:10:29 ДП
11:11:40 ДП
User 293645084
old_id это bool тип?
11:11:52 ДП
User 285538895
User 293645084
old_id это bool тип?
нет, это просто цифра
11:12:24 ДП
User 285538895
Поменял на нули, но всё равно браузер ложиться
11:13:20 ДП
User 60331718
User 285538895
Поменял на нули, но всё равно браузер ложиться
На null меняй
11:13:39 ДП
User 133944225
тебя не смущает
11:13:41 ДП
User 133944225
100 - 0 + 1
11:13:44 ДП
User 285538895
User 60331718
На null меняй
И тем неменее
11:13:51 ДП
User 133944225
ну это отходя от темы
11:13:59 ДП
User 60331718
Стой, а зачем тебе return в этой функции?
11:14:38 ДП
User 285538895
☺️😊 а он не нужен ?
11:15:01 ДП
User 285538895
Цыть, а как я получу значение
11:15:01 ДП
User 133944225
вообще шото странное написано)
11:15:03 ДП
User 60331718
User 285538895
☺️😊 а он не нужен ?
Так ты ж присваешь значение в внутреннюю data
11:15:08 ДП
User 285538895
которое только что отрендрилось
11:15:28 ДП
User 285538895
Да это я пробывал как тру кодер, в целом пофиг как она будет
11:15:30 ДП
User 60331718
Тем где оно потребуется в шаблонах просто используйте counter.counter_num
11:15:39 ДП
User 285538895
Хоть во внутренную хоть во внешную
11:16:07 ДП
User 285538895
Суть в том что я вывожу в цикле много прогресс баров
11:16:51 ДП
User 285538895
так вот у них у прогрес баров есть процентовка которые 3 раза повторяеться:
1. Собстенно показывает сколько процентов
2. В атрибуте Стайл
3. В Лэйбле
11:17:06 ДП
User 285538895
Так вот сейчас мне нужен просто рандом от 0 до 100
11:17:09 ДП
User 60331718
Кароч, закинь код на gist.github.com для этой компоненты
11:17:42 ДП
User 285538895
User 60331718
Кароч, закинь код на gist.github.com для этой компоненты
Я ещё слишком молодей, в гист не понимаю, зачем
11:18:04 ДП
User 285538895
Или это типа pastebin
11:18:08 ДП
User 60331718
User 285538895
Я ещё слишком молодей, в гист не понимаю, зачем
Что мы тут не тыкали в небо, а ковырялись в кишочках твоего проекта
11:18:18 ДП
11:18:19 ДП
11:18:21 ДП
User 60331718
User 285538895
Или это типа pastebin
Дач только там можно сразу несколько файлов на 1 ссылку
11:18:30 ДП
User 60331718
Да и вообще удобнее как-то
11:18:49 ДП
User 133944225
а зачем
11:19:02 ДП
User 133944225
ты там id !== this.counter.old_id ?
11:19:17 ДП
User 285538895
User 133944225
ты там id !== this.counter.old_id ?
Ну так есть номер индекса
11:19:28 ДП
User 133944225
а зачем?)
11:19:49 ДП
User 285538895
если он такой же как у всей коллекции то отдать текущее рандом число, если это уже новый индекс тогда сегенрить новое рандом число
11:19:49 ДП
User 285538895
Лишьний код
11:20:19 ДП
User 133944225
а почему бы каждый прогресс бар не сделать отдельным компонентом , в который сетить значение, а значение будет делать функция random
11:20:31 ДП
User 285538895
https://gist.github.com/Jamarolex/b10ebb372ab11e4c9f7acf7c14377ef8
gist.github.com/Jamarolex/b10ebb372ab11e4c9f7acf7c14377ef8
11:20:35 ДП
11:20:39 ДП
User 285538895
Пастебин =)
11:20:58 ДП
User 285538895
User 133944225
а почему бы каждый прогресс бар не сделать отдельным компонентом , в который сетить значение, а значение будет делать функция random
Я с Vue третий день как дружбу веду
11:21:15 ДП
User 285538895
До компонентов не дошёл ещё
11:21:37 ДП
User 133944225
ну тут просто если честно слегка бред )
11:21:47 ДП
User 56129812
так ты сначала доки дочитай, до компонентов дойди, а потом уже делай что-то
11:22:01 ДП
User 56129812
90% вопросов после доков уйдут
11:22:17 ДП
User 285538895
User 56129812
так ты сначала доки дочитай, до компонентов дойди, а потом уже делай что-то
Дяди ну посоветуйте, не побрезгуйте, чутка горит
11:22:27 ДП
User 285538895
Я не тупой, просто с Vue ещё не работал
11:22:59 ДП
User 285538895
Вот например никак не пойму откуда вечный цикл, вы же крутые, обясните хоть, я попробую решить сам
11:25:40 ДП
User 56129812
ты в рандомном порядке хочешь обойти цикл? или что?
11:26:28 ДП
User 56129812
массив*
11:26:37 ДП
User 285538895
я хочу что бы на каждую итерацию цикла было 1 рандомное число
11:26:38 ДП
User 150544742
User 285538895
Вот например никак не пойму откуда вечный цикл, вы же крутые, обясните хоть, я попробую решить сам
я не особо вникал, что у тебя написано, но тебе надо покурить это: https://ru.vuejs.org/v2/guide/computed.html
вкратце -- methods перезапускается если зависимости его изменились
ru.vuejs.org/v2/guide/computed.html
Vue.js — Прогрессивный JavaScript-фреймворк
11:26:40 ДП
11:27:36 ДП
User 56129812
а зачем id и old_id?
11:27:52 ДП
User 133944225
возьми пробежишь форичем после того как получил данные из сервера и заснуть в каждый объект рандомное значение
11:28:56 ДП
User 285538895
User 56129812
а зачем id и old_id?
Ну так Id это индекс, если он не равен текущему индексу тогда надо сгенерить новое значение рандомного числа
11:29:02 ДП
User 285538895
User 133944225
возьми пробежишь форичем после того как получил данные из сервера и заснуть в каждый объект рандомное значение
А это я не совсем понял
11:29:28 ДП
User 133944225
this.goods.list.forEach(function(item) { item.value = parseInt(Math.random() * 100); });
11:29:47 ДП
User 56129812
User 285538895
Ну так Id это индекс, если он не равен текущему индексу тогда надо сгенерить новое значение рандомного числа
бред какой-то
11:30:11 ДП
User 285538895
User 133944225
this.goods.list.forEach(function(item) { item.value = parseInt(Math.random() * 100); });
выглядит здоровой мыслью , сейчас попробую
11:30:43 ДП
User 285538895
User 56129812
бред какой-то
Ну это первое что пришло мне в голову
11:32:04 ДП
User 56129812
User 285538895
Ну это первое что пришло мне в голову
у тебя есть тело цикла, там 1 раз вызываешь что-то типо этого item.value = parseInt(Math.random() * 100);
зачем там следить за id?
в общем попробуй то, что Михаил написал
11:32:21 ДП
User 285538895
User 56129812
у тебя есть тело цикла, там 1 раз вызываешь что-то типо этого item.value = parseInt(Math.random() * 100);
зачем там следить за id?
в общем попробуй то, что Михаил написал
Уже пробую.
11:42:11 ДП
User 285538895
User 133944225
this.goods.list.forEach(function(item) { item.value = parseInt(Math.random() * 100); });
Огромное спасибо, это именно то что я хотел
11:42:17 ДП
User 285538895
Спасибо огромное
11:42:24 ДП
User 133944225
Обращайся
11:42:29 ДП
User 133944225
Но лучше почитать доку
11:43:09 ДП
User 285538895
User 133944225
Но лучше почитать доку
Пока почитываю в паралель
11:44:30 ДП
User 56129812
User 133944225
Но лучше почитать доку
дак тут скорее курс по алгоритмам нужен, чем доки по вуе)
11:45:06 ДП
User 285538895
User 56129812
дак тут скорее курс по алгоритмам нужен, чем доки по вуе)
Вот ненадо, алгоритм хороший был.
11:45:28 ДП
User 285538895
Просто не в этом конкретном случае его стоило использовать
11:45:41 ДП
User 133944225
Вызывать функцию три раза
11:45:48 ДП
User 133944225
Криво косо проверять ты
11:45:53 ДП
11:46:05 ДП
User 133944225
Такое себе решение
11:46:12 ДП
User 56129812
User 285538895
Вот ненадо, алгоритм хороший был.
вот тут вообще нет)
11:46:50 ДП
User 285538895
User 56129812
вот тут вообще нет)
Ладно молчу,  на холивары времени пока маловато =)
11:48:15 ДП
User 85413039
User 285538895
Ладно молчу,  на холивары времени пока маловато =)
порешай задачик на codewars
05:39:23 ПП
User 108562525
Господа, такой вопрос. У меня есть массив init, который находится в data. И я хочу накатить computed-переменную items, с map-преобразованием. Reactivity in Depth пока ещё не читал, можете подсказать, DOM будет обновляться при изменении init, если навесить... v-for на items?
05:54:22 ПП
06:12:48 ПП
User 112715267
Как разрешить кросс-доменные запросы в Vue?
06:12:57 ПП
User 112715267
Что нужно для этого сделать
06:14:22 ПП
User 55423102
Vue никак их не ограничивает
06:14:31 ПП
User 112715267
Vue.http.get('http://google.ru')
google.ru
Joanna Baillie’s 256th Birthday #GoogleDoodle
06:14:36 ПП
User 112715267
не хочет
06:15:07 ПП
User 55423102
В http другая библиотека у тебя. Может vue-resource, а может ещё чего подключено
06:15:28 ПП
User 112715267
vue-resource
06:15:32 ПП
User 55423102
А vue лишь удобный вызов такой предоставляет подключённого
06:16:07 ПП
User 55423102
Значит надо смотреть как у них там настраивать надо для кроссдоменных запросов
06:16:18 ПП
User 112715267
я не нашел ~_~
06:16:30 ПП
User 112715267
точнее, находил решения, но они не работали
06:18:29 ПП
User 55423102
https://github.com/pagekit/vue-resource/issues/44
github.com/pagekit/vue-resource/issues/44
It would be nice to add an example to documentation with cross domain request and how to get data from response properly. Because this topic raises many questions. Thanks.
06:18:54 ПП
User 55423102
Там две опции предлагают. Тоже не работает?
06:20:03 ПП
06:20:19 ПП
User 112715267
ни один
06:21:42 ПП
User 55423102
Ресурс должен отдавать тогда заголовок что разрешены кросс доменные запросы
06:24:45 ПП
User 104477
Доступ к бэкенду outloud.pro есть?
06:24:57 ПП
User 104477
Можно переделать апишку на jsonp
06:25:22 ПП
User 104477
Он в любом случае нужен, короче
06:25:38 ПП
User 104477
Либо заголовки нормальные поставить, либо апи переделать
06:57:05 ПП
User 112715267
В том-то и дело, что нет
06:57:25 ПП
User 112715267
Просто мне клиент надо написать к нему, а апи открыть не мог
06:57:29 ПП
User 112715267
Ну я уже костыль написал
06:58:05 ПП
08:18:39 ПП
08:18:51 ПП
User 112715267
И все же, не могу придумать нормального способа менять значения props в родительском компоненте
Без костыля с передачей всего компонента в чайлда
08:19:10 ПП
User 112715267
То есть чтобы было как полноценный v-model
08:19:36 ПП
User 133750577
v-model это же сахар просто
08:20:17 ПП
User 133750577
User 112715267
И все же, не могу придумать нормального способа менять значения props в родительском компоненте
Без костыля с передачей всего компонента в чайлда
Конкретнее, есть пример?
08:20:45 ПП
User 112715267
Банальный пример
<list>
<item v-for="item in list" :item="item"></item>
</list>
08:21:03 ПП
User 112715267
Нужно в list менять item из компонента item
08:23:03 ПП
User 133750577
Что значит менять? Странный пример, "list" и массив, как я понял, и имя компонента.
08:23:14 ПП
08:23:38 ПП
User 112715267
<list>
<item v-for="listItem in listArray" :listItem="listItem"></item>
</list>
08:24:13 ПП
User 108562525
User 112715267
Банальный пример
<list>
<item v-for="item in list" :item="item"></item>
</list>
можно либо грязный хак через обращение к this.$parent использовать
08:24:15 ПП
User 112715267
Внутри итем, допустим, инпут, со значением этого listItem, и нужно, чтобы оно менялось в компоненте list
08:24:48 ПП
User 108562525
либо делать событие в child, и перехватывать его в parent, где и менять items
08:24:52 ПП
User 112715267
User 108562525
можно либо грязный хак через обращение к this.$parent использовать
а нормального варианта, как с обычными v-model, нет?
08:25:10 ПП
User 112715267
Просто там будет вложенность
08:25:56 ПП
User 108562525
v-model — это сахар (глянь в доках) для событий. в child спускается значение item через props, а вверх эммитится событие на изменение.
08:27:16 ПП
User 133750577
Нужно чтобы объект из data-поля компонента list менялся при изменении computed-поля компонента item, верно?
08:27:28 ПП
User 112715267
А если у меня listArray вот такой
['aaa',['bbb','ccc',['ddd','eee']]]
и вложенность может быть любой
08:27:55 ПП
User 112715267
То есть внутри item может быть такой же list
08:28:08 ПП
User 108562525
похоже на рекурсивные компоненты
08:30:48 ПП
User 112715267
и все же
08:35:10 ПП
User 133750577
User 133750577
Нужно чтобы объект из data-поля компонента list менялся при изменении computed-поля компонента item, верно?
?
08:39:49 ПП
User 112715267
получается, да
09:16:18 ПП
User 133750577
Тогда, если я правильно тебя понял, делаешь:
<item v-for="listItem in listArray" :listItem="listItem" @listItemChange="listItem = arguments[0]"></item>
09:16:35 ПП
User 133750577
Это же написано в доке
09:16:37 ПП
User 133750577
https://vuejs.org/v2/guide/components.html#Form-Input-Components-using-Custom-Events
vuejs.org/v2/guide/components.html
Vue.js - The Progressive JavaScript Framework
09:17:26 ПП
User 133750577
listItemChange - событие которое нужно триггерить в компоненте Item при его изменении
09:18:39 ПП
User 112715267
http://www.webpackbin.com/EyNydK18z
09:18:49 ПП
User 112715267
как-то сделал, что работает и так
09:18:51 ПП
09:21:45 ПП
User 133750577
Ну так потому что ты v-model заюзал, а твой вопрос был не  только про текстовые поля, но про компонент вообще. Я к тому, что это реализуемо без костылей с $parent и подобным