Maksat
ƒ Vue(options) {
if ("development" !== 'production' &&
!(this instanceof Vue)
) {
warn('Vue is a constructor and should be called with the new keyword');
}
this._init(options);
} ƒ (){for(var r=new Array(arguments.length),n=0;n<r.length;n++)r[n]=arguments[n];return e.apply(t,r)}
🅅aleriy
у тебя data криво объявлена
Maksat
а как надо?
🅅aleriy
если читал доку то там явно написано
Maksat
это же корневой элемент на этой стр
🅅aleriy
data () {
return {
doctors : [],
doctor_id : '',
name : '',
phone : '',
time : ''
}
}
🅅aleriy
data - фнукция
Maksat
return разве не в дочерних?
🅅aleriy
🅅aleriy
при создании компонента
Maksat
у меня не компонент
Maksat
в консоли вывожу выгруженные данные, там они есть
🅅aleriy
Maksat
да же во Vue dev tools есть
Stanislav
🅅aleriy
Для рута это не важно
да не важно, лучше сразу привыкать везде определять через функцию, чтобы потом сюрпризов неприятных не было
🅅aleriy
да же во Vue dev tools есть
кстати, а ты там doctors в консоль когда выводишь при удачном ответе сервера, у тебя бывает так, что в консоли данные появились, а в вебе не поменялись ?
Maksat
да не важно, лучше сразу привыкать везде определять через функцию, чтобы потом сюрпризов неприятных не было
зачем определять через функцию, если в консоли все загружено
Maksat
всегда в консоли загружаются, а в вебе только иногда
Maksat
вот что странно
Maksat
попробую все переписать)
🅅aleriy
Maksat попробуй еще обновлять массив так
🅅aleriy
this.$nextTick(function () { this.doctors = response.data })
🅅aleriy
на 99% уверен, что тебе это поможет
Maksat
после response?
🅅aleriy
ты просто не попадаешь в цикл рендеринга
Maksat
или вместо?
🅅aleriy
axios.get(apiUrl + 'doctors')
.then(response => {
this.$nextTick(function () { this.doctors = response.data });
console.log(this.doctors);
})
mr. Mercedes
Чатик верстальщиков посоветуйте пожалуйста
Maksat
ок, сейчас попробую
Vadim
Как динамически назначать события?
vadim
$on $emit
Vadim
А точно v-on=object
Vadim
Спасибо
Vadim
Такс, а кто нить подскажет как на <slot/> вешать события?
Vadim
Без обертки
Rick
Vadim
никак, а что ты хочешь?
Хочу что бы так
<template>
<div>
<slot @click=event />
</div>
</template>
Anton
а на что он по твоему должен повешаться?
Anton
слот же заменяется
Anton
вместо него может быть от одного до множества элементов
Anton
ну вешай на div и лови всплывающие
Vadim
К сожалению выпадаю на час из обсуждения
🅅aleriy
вместо него может быть от одного до множества элементов
а как там может оказаться множество элементов?
🅅aleriy
ну вот кстати да, удивительно но может :))
🅅aleriy
в один слот можно напихать разные элементы указав в каждом slot="..."
Anton
да не особо удивительно, это вроде даж в доке есть в примере
Anton
да не, без именования
🅅aleriy
да не особо удивительно, это вроде даж в доке есть в примере
да я ни разу больше одного не пихал и почему то отложилось в голове, что можно только один
Роман
всем привет, я тут решил сделать прелодер, пока данные не подтянутся, типа так
<template>
<div v-if="isPending">
<v-progress-circular indeterminate color="primary"></v-progress-circular>
</div>
<div v-else >
<slot></slot>
</div>
</template>
<loader :isPending="isPending" >
<h2 class="display-1">{{data.name}}</h2>
</loader>
думал, что v-else сделает условный рендеринг и компонент не будет отрисовываться. Компонент действительно не рисуется, только в консоль всё равно падают ошибки вида
vendor.js:1398 [Vue warn]: Error in render: "TypeError: Cannot read property 'name' of null"
Что я понимаю не так и как сделать так?
Armen
Ну дак потому что слот рендерится в родителе а не в ребёнке
Роман
а почему он рендерится?
data: function(){
return {
data: null,
isPending: true
}
},
Evgheni
жизнь такая
Armen
У тебя условие в ребёнке, а заголовок в родителе
Armen
И вообще лучше это во вьюэксе делать
Armen
Загрузку данных
Роман
уже чуть легче, т.е. родитель в любом случае рендерит содержимое слота и передаёт в лоадер, который решает показывать или нет?
Armen
Ага
Armen
Убери слот вообще из лоадера, всё-равно будет рендериться
Роман
вьюекс подождёт, я пока не смог извлечь из него профит :) пока обхожусь малыми формами
Armen
вьюекс подождёт, я пока не смог извлечь из него профит :) пока обхожусь малыми формами
Меня сегодня просветило
Armen
Когда вкладка зависла, и я смог достать из девтулзов весь стейт, и после перезагрузки импортировать, чтобы исследовать чё за фигня
Armen
И понял что Vuex ванлав
🅅aleriy
многие до сих пор считают что vuex/redux это только для хранения переменных в глобал стейте :)
Роман
ну дык, просвещайте ;)
Роман
вот, 1 в 1 моя текущая проблема https://github.com/vuejs/vue/issues/6262
Armen
После сегодняшнего понял, что это очень удобно, и на проде можно будет детектить ошибки, и отправлять репорт на серв, чтобы можно было возпроизвести ситуацию и понять из-за чего вылетело
Armen
вот, 1 в 1 моя текущая проблема https://github.com/vuejs/vue/issues/6262
Есть идея, но это немного костыль)))
Роман
внимательно слушаю
Armen
Ща, в телеге код неудобно писать
🅅aleriy
После сегодняшнего понял, что это очень удобно, и на проде можно будет детектить ошибки, и отправлять репорт на серв, чтобы можно было возпроизвести ситуацию и понять из-за чего вылетело
уже больше года делаю в приложениях пунктик меню типа dump & report