ух ты

750 кб минифед

туда наверно свой рендер засунули

и еще какие-нить волшебные штуки

при создании экземпляра компонента, watch срабатывает на props?

не

при создании экземпляра компонента, watch срабатывает на props?

watch: { myProp: { handler() { console.log('inited or changed'); }, immediate: true }

watch: { myProp: { handler() { console.log('inited or changed'); }, immediate: true }

спасибо

Возможно ли сделать 2 spa через vue-cli и webpack сборщик? Т е на сколько я понимаю я отдаю сразу весь spa клиенту, но я хотел бы 2 части компонентов иметь и по необходимости или 1 часть давать или только 2

поставь задачу более точно

собирать несколько приложений можно

тогда получится несколько бандлов с кодом приложений и css (тоже несколько) и один вендорный

const MyComponent = () => import(/* webpackChunkName: "MyComponent" */ './components/MyComponent.vue'); ?

А я могу отслеживать ширину одного блока, чтобы под неё подстраивать ширину другого?

В CSS она width: auto

flex-ы не решат твою проблему?

flex-ы не решат твою проблему?

Сейчас подумаю)

Сейчас подумаю)

решат смотри хоть бы в bulma css (https://bulma.io/documentation/) .columns .column .column is-{1, 2, 3, half, etc}

flex-ы не решат твою проблему?

Не, там dropdown и поэтому position: absolute

ну а задача то какая в итоге

что от чего зависит

ты сформулируй именно проблему

а не техническую боль

Не, там dropdown и поэтому position: absolute

Ширина одного блока Подстроить ширину другого блока dropdown => (?) position: absolute как понять что у тебя там тебе хочца? )))

Сейчас покажу)

сделай dropdown от ноды с кнопкой

и тяни по ширине кнопки

проблемы перекрытия - ет уже z-index

для активного состояния на контейнер с этим добром

сделай dropdown от ноды с кнопкой

Но div внутри button нельзя))

а тебе и не надо внутри button

у тебя будет контейнер

внутри и кнопка и выпадашка

кнопка тянет ширину контейнера

выпадашка 100% от ширины контейнера

html coding blyat

Ааа, я понял вас, точно)

сколько тысяч строк js написано из-за неумения верстать xD

Но тогда ведь контейнер будет расти в высоте и опускать вниз таблицу

Но тогда ведь контейнер будет расти в высоте и опускать вниз таблицу

почему - у тебя выпадашка absolute-ом

А, стоп

А ведь у меня так и есть, лол, только ширину добавить

сколько тысяч строк js написано из-за неумения верстать xD

Спасибо, что остановили ??

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

как чекбокс только не тру фолс а какие нибудь значения

ну так и сделай чекбокс

а при расчете значения - учитывай состояния чекбоксов

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

if (contains(elName)(arr)) { drop(elName, arr) } else { arr.push(elName) }

if (contains(elName)(arr)) { drop(elName, arr) } else { arr.push(elName) }

хотя походу это сработает https://ru.vuejs.org/v2/guide/forms.html#%D0%A7%D0%B5%D0%BA%D0%B1%D0%BE%D0%BA%D1%81%D1%8B

хотя походу это сработает https://ru.vuejs.org/v2/guide/forms.html#%D0%A7%D0%B5%D0%BA%D0%B1%D0%BE%D0%BA%D1%81%D1%8B

ну это для чекбоксов

if (contains(elName)(arr)) { drop(elName, arr) } else { arr.push(elName) }

если 2 кнопки одинаковые value добавляют-убавляют)?

если 2 кнопки одинаковые value добавляют-убавляют)?

ну сделай id

ну это для чекбоксов

а ну да не катит

что за ошибка Property or method "loadedJobs" is not defined on the instance but referenced during render

if (contains(elName)(arr)) { drop(elName, arr) } else { arr.push(elName) }

единственный вариант?

единственный вариант?

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

для моего кейса этого было достаточно

если 2 кнопки одинаковые value добавляют-убавляют)?

так у меня и есть

для моего кейса этого было достаточно

как с id

что за ошибка Property or method "loadedJobs" is not defined on the instance but referenced during render

Ищи что-то типа {{loadedJobs}} в темплейте. Или что она где-то передана. Главное, что она есть в темплейте, а компонент о ней не знает

ERROR: S client not available

ошибка здесь

ошибка здесь

скорее чуть ниже, где data расписывается, там loadedJobs нет

скорее чуть ниже, где data расписывается, там loadedJobs нет

я думал не нужно)

вы про asyncData читали? там же пишут что возвращаемый объект будет смержен с объектом data и итоговые данные использованы для рендера

вы про asyncData читали? там же пишут что возвращаемый объект будет смержен с объектом data и итоговые данные использованы для рендера

понятно ) не читал спасибо

А если у меня в роутере есть: { path: 'users', component: UsersView, children: [ { path: 'new' component: UserForm } ] } Если я хочу, чтобы компонент UserForm отображался вместо UsersView, то он уже не должен быть ребёнком? Ну типа придётся расположить на одном уровне и явно указать path: 'users/new'?

вы про asyncData читали? там же пишут что возвращаемый объект будет смержен с объектом data и итоговые данные использованы для рендера

почему то у меня asyncData не работает.. console.log ни в браузере ни в серверной консоле ничего не показывает

почему то у меня asyncData не работает.. console.log ни в браузере ни в серверной консоле ничего не показывает

Работает)

а дата остается такой же

Работает)

а как проверить это

а как проверить это

А как вы проверяете сейчас

А как вы проверяете сейчас

console.log('async data');

вы про asyncData читали? там же пишут что возвращаемый объект будет смержен с объектом data и итоговые данные использованы для рендера

это в наксте она так делает

это в наксте она так делает

у меня накст

А если у меня в роутере есть: { path: 'users', component: UsersView, children: [ { path: 'new' component: UserForm } ] } Если я хочу, чтобы компонент UserForm отображался вместо UsersView, то он уже не должен быть ребёнком? Ну типа придётся расположить на одном уровне и явно указать path: 'users/new'?

Но если я так делаю, то у меня ломаются хлебные крошки(

Мне в :change нужно поставить функцию и выражение, как ето сделать?

Тоесть два обработчика

Мне в :change нужно поставить функцию и выражение, как ето сделать?

можебыть в @change ?

Да

для моего кейса этого было достаточно

решение сделать <label> поместить туда чекбокс потом display none на чек бокс и стайлить лэйбл чекбокса не видно а работает также

решение сделать <label> поместить туда чекбокс потом display none на чек бокс и стайлить лэйбл чекбокса не видно а работает также

костыльно

костыльно

подрезал идею с buefy

костыльно

не впринципе норм просто хайдим чекбокс

а лэбл в html всегда управляет им

Подскажите где лучше делать ajax в цикле beforeMount или в Mount?

привет. какие преимущества использовать http запросы из Vuex, если данные потом не обязательно хранить

я так понимаю аналогия beforeMount -> ngInit / mount -> ngAfterView?

если кто работал с ng

я так понимаю аналогия beforeMount -> ngInit / mount -> ngAfterView?

в beforMount, потому что mount вызывается когда компонент встраивается в общий DOM

я так понимаю аналогия beforeMount -> ngInit / mount -> ngAfterView?

В доке есть красивая картиночка жизненного цикла компонента.

привет. какие преимущества использовать http запросы из Vuex, если данные потом не обязательно хранить

Что?