с чем может быть связано?

в доке написано

к, гляну

Добрый день, как вывести из массива simle: ['1', '2', '3'] случайный элемент массива? Через вычисляемое свойство и math.random?

Добрый день, как вывести из массива simle: ['1', '2', '3'] случайный элемент массива? Через вычисляемое свойство и math.random?

Навскидку да

Ещё есть такая проблемка, например вывожу {{ data }}, и при обновлении страницы сначало на долю секунды на экране выводится {{ data }} и только потом на его месте выводятся данные из data. Кто знает в чем проблема может быть?

Ещё есть такая проблемка, например вывожу {{ data }}, и при обновлении страницы сначало на долю секунды на экране выводится {{ data }} и только потом на его месте выводятся данные из data. Кто знает в чем проблема может быть?

отсутствие ssr

Ещё есть такая проблемка, например вывожу {{ data }}, и при обновлении страницы сначало на долю секунды на экране выводится {{ data }} и только потом на его месте выводятся данные из data. Кто знает в чем проблема может быть?

это норма

я еще не думал как решать такую проблему, потому что не писал на Vue еще достаточно, но вопрос есть сразу, а чо нет во Vue, как в ангуларе первом типа ng-cloak ?

v-cloak

например

просто загуглил и нашел

<div v-cloak> {{ message }} </div> The <div> will not be visible until the compilation is done.

@light4everyone странная норма

@demokrrat если попробуешь, отпишись, мне надо знать в копилку решает это твою проблему или нет

Ок

Привет, помогите пожалуйста, не понимаю, как работает: использую axios из vue, а именно выглядит примерно так: 1. mounted() { data = getdata(); this.hash = data.hash /// undefined } 2. getdata() { axios.post(host, data, headers).then( function(response) { console.log(response); return response.data; }).catch(...) почему-то он возвращает response=undefined до того, как сервер ответит, логи выглядят так: 1) data.hash: cannot read property undefined и потом только 2) response = {.....}

потому что эт промис

Добрый день, как вывести из массива simle: ['1', '2', '3'] случайный элемент массива? Через вычисляемое свойство и math.random?

simple[parseInt((Math.random() * simple.length + '', 10)]

потому что эт промис

спасибо, понял

спасибо, понял

ну либо внутри then присвой, либо async/await

Привет

Можно ли как-то отловить ошибку из reject или throw, котоаря возникла при создании асинхронного комонента?

Либо из хука жизненного цикла. Не в production режиме выкидывается warn, который через Vue.config.warnHandler, но он херит сам reason с объектом ошибки

https://ru.vuejs.org/v2/guide/components.html#%D0%9F%D1%80%D0%BE%D0%B4%D0%B2%D0%B8%D0%BD%D1%83%D1%82%D1%8B%D0%B5-%D0%B0%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B

Как-то молча vue ошибку съедает, хочется ее обработать через возможности vue, либо чтобы он ее дальше по стеку вызовов выкинул и обработать ее без vue.

Это читал, вот component декларируется как промис, если просмис зарежектится с ошибкой, то как ее обработать верно

errorHandler смотрел?

да

Vue.config.errorHandler только для синхронного кода срабатывает

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

https://gist.github.com/alexpts/c6258ded10c51ef70912635dfbf89ba2 Вот такой вот примерно кейс пробую

Хочется получить объект Error который в reject передается, либо вместо reject кидать через throw

Сейчас это подхватывает warnHandler глобальный, но от него толку нет (

Вот пример простой накидал на codepen - https://codepen.io/alexpts/pen/RxVjeb?editors=1010

@Nerzh v-cloak работает, надо еще в css добавить [v-cloak] {display: none;}

@demokrrat тю, странно, они шо не могли разрулить без этого в css, ну да ладно, работает и ок)

Ребята, есть мастера фаербейс или баз данных ?

Не могу придумать схему для удобную схему

Блин, не все стёр перед редактированием (

Ребзи, как можно бысро сделать много collapse item через v-show без создания отдельных компонентов и больших джейквери селекторов в хендлере клика?

Магия вне Хогвартса запрещена

Ребзи, как можно бысро сделать много collapse item через v-show без создания отдельных компонентов и больших джейквери селекторов в хендлере клика?

сделал все таки через компоненты. Вопрос другой: у моего коллапса есть два слота: header и body. Тело я должен показывать при клике по елементу в заголовке, которое я указываю в родителе. Как можно прокинуть метод из ребенка-компонента в слот для заголовка, что бы я этот метод задал при клике для кастомного елемента?

пример: collapse.vue <slot name="header" :click="toggle"></slot> <slot name="body" v-show="open"></slot> ... data: () => { open: false } methods: { toggle => open =! open } parent.vue <collapse> <div slot="header" slot-scope="props"> header <strong @click="props.click">click for toggle </strong></div> <div> slot="body">Body</div> </collapse>

хотелось бы так, но не работает. Может есть более рабочий варик?

<slot name="header" @click="onClick"> onClick(event) { this.$emit('click', event) }

@lil_mraz

Пацаны, а иного кто пишет компоненты вью — классами, как ангкляре

?

Много

Просто интересно какие бонусы даёт такой подход.

tfw ты полгода назад локально пропатчил либу идеально и тебе было не впадлу это делать а потом обновился и похерил патч но зато прочитал что так ничего и не решили

<slot name="header" @click="onClick"> onClick(event) { this.$emit('click', event) }

Кстати, у меня такой вариант не работал. Перепроверить я сейчас конечно же не могу. Хотя возможно то были особенности scoped-slot'ов.

ребят help почему axios не фурычит console.log ответа от сервака он выводит норм но this. variable не могу использовать

ребят help почему axios не фурычит console.log ответа от сервака он выводит норм но this. variable не могу использовать

потому что у него свой this. Юзай стрелочные функции в коллбеке

потому что у него свой this. Юзай стрелочные функции в коллбеке

а если не юзать стрелочные как сделать чтобы можно было this использовать?

.bind(this)

.bind(this)

ответь мне как дауну бинд к чему и в каком месте. если предположим я компонент пишу)

function() {console.log(this.attr)}.bind(this)

вроде так

вроде так

то бишь к колбеку

ну да

Вместо bind удобно просто сохранить контекст self = this и потом использовать

ну да

странно что в примерах такого нет все спокойно юзают this, возможно это как то связано с window.axios = axios?

у меня Vue.prototype.$http = axios и такая же проблема

у меня Vue.prototype.$http = axios и такая же проблема

я уже по разному перепробовал все варики что в нете были. сейчас попробую стелочные ф-ции заюзать

ERROR: S client not available

Код покажите, нет там никакой проблемы)

Код покажите, нет там никакой проблемы)

я юзаю с ларкой vue и там изначально у них есть файл bootstrap js где window.axios = require('axios');

Код покажите, нет там никакой проблемы)

короче со стрелочными ф-циями все пашет

потому что у него свой this. Юзай стрелочные функции в коллбеке

благодарочка, наконецто работает!=)

И без стрелочных можно сделать — и всё будет работать)

И без стрелочных можно сделать — и всё будет работать)

вот хз как

Ну вы же код не показываете

Ну вы же код не показываете

так тут непонятно какой именно код показыват если честно) если компонента то вот так только вместо стрелочных обычных колбеки были <script> export default { data() { return { orders: [] } }, created() { axios.post('admin/api/orders') .then((response) => { this.orders = response.data; console.log(response) }, (error) => { console.log(error) }) } } </script>

Почитайте про контекст функций. Перед axios сохраняете контекст на вью var self = this и внутри уже ссылаетесь через self

Почитайте про контекст функций. Перед axios сохраняете контекст на вью var self = this и внутри уже ссылаетесь через self

и чем это лучше стрелочных функций?

Ничем. Просто сможете понять что и как

Почитайте про контекст функций. Перед axios сохраняете контекст на вью var self = this и внутри уже ссылаетесь через self

ну это тоже своего рода костыль как бы) не то что в примерах где просто this.variable)

Не везде есть возможность стрелочные использовать

Это не костыли — это жс

Не везде есть возможность стрелочные использовать

babel решает эту проблему

Во времена джеквери я помню делал так var $this = this и все работало норм)

Это не костыли — это жс

а нет я ошибся в примерах тоже юзают стрелочные. мой косяк

babel решает эту проблему

Не везде

<slot name="header" @click="onClick"> onClick(event) { this.$emit('click', event) }

а как я узнаю в родителе, какой коллапс поднял событие?

и мне нужно отловить клик по елементу, который будет в хедере, и который я задам в родителе в слотах

<slot name="header" @click="onClick"> onClick(event) { this.$emit('click', event) }

у нас уже можно ловить события на слотах?

Всех с новым годом!

рано ещё

У нас уже 13:30

18:30

Бухаем

рано ещё

Хз, Камчатка уже все

Хз, Камчатка уже все

мы же знаем, что существует только дс и дальше жизни нет

мы же знаем, что существует только дс и дальше жизни нет

что такое дс?

что такое дс?

Дефолт сити, столица, если по человечески

Коллеги. Всех с наступающим!