path

возможно, опечатка есть в одной из опций select-а...

т.е если ридонли - нужно чилдрену подсунуть disable=true, если фулл - ничего не делать, иначе вообще не рендерить

кто-нибудь посоветует один из somecode-ов как должен выглядеть, пожалуйста?)

Попробуйте через директиву, без обертки

Для disabled точно директива, а рендер контроллировать просто через v-if

возможно, опечатка есть в одной из опций select-а...

понятно что это гадание, но роуты работали до того как вынес програмное изменение в setter

Хотя погодите, disabled и так можно прибиндить

Как обычный атрибут

так я хочу обёртку затем, чтобы на 60-ти компонентах не копипастить v-if="userHasFullPermission"

disabled="userHasReadOnlyPermission ? true : disableOriginal"

т.е хочу следовать принципу DRY и вынести одинаковые проверки в одно место

Почему считаете что чище?

потому что даже если сеттер и используется, то в нем не должно быть сайд эффектов, не связанных с изменением данных, по моему мнению. Вариант с v-model="param" и watch на это свойство более логичным выглядит либо просто @input="handler"

Всем привет. Ребята такой вопрос. У меня есть div.wrapp и в нем дочерние дивы и пешки. Повесил клик на div.wrapp @:click.self но он почему то срабатывает только при нажатии на пустуй область div.wrapper. когда например нажимаешь на дочерню пешку он не срабатывает. Помоги плз. Может у кого была такая проблема.

возможно, опечатка есть в одной из опций select-а...

к тому же в selecte только v-model. Ладно, спасибо. Буду разбираться

к тому же в selecte только v-model. Ладно, спасибо. Буду разбираться

а param свойство у вас такое,как вы привели ранее? без getter-а?

Всем привет. Ребята такой вопрос. У меня есть div.wrapp и в нем дочерние дивы и пешки. Повесил клик на div.wrapp @:click.self но он почему то срабатывает только при нажатии на пустуй область div.wrapper. когда например нажимаешь на дочерню пешку он не срабатывает. Помоги плз. Может у кого была такая проблема.

ну так ты же явно указал ".self", т.е нажатие ТОЛЬКО непосредственно на элемент, на котором весит хендлер...

а это вы ибо .self повевесили

Всем привет. Ребята такой вопрос. У меня есть div.wrapp и в нем дочерние дивы и пешки. Повесил клик на div.wrapp @:click.self но он почему то срабатывает только при нажатии на пустуй область div.wrapper. когда например нажимаешь на дочерню пешку он не срабатывает. Помоги плз. Может у кого была такая проблема.

ну так ты же явно указал ".self", т.е нажатие ТОЛЬКО непосредственно на элемент, на котором весит хендлер...

даже если убираю self эффек тот же.

а param свойство у вас такое,как вы привели ранее? без getter-а?

не,геттер естественно есть, просто не указал . Там тупо из стора значение берется

потому что даже если сеттер и используется, то в нем не должно быть сайд эффектов, не связанных с изменением данных, по моему мнению. Вариант с v-model="param" и watch на это свойство более логичным выглядит либо просто @input="handler"

согласен

так я хочу обёртку затем, чтобы на 60-ти компонентах не копипастить v-if="userHasFullPermission"

Если рендерится через v-for то какая разница? А так будет не 60 компонентов с проверкой, а 60 оберток с компонентами

а это вы ибо .self повевесили

убирал ставил self эффект такой же

не через v-for

согласен

попробуйте через метод без v-model

Приветствую, попробую описать проблему=) Создается пустой массив (к примеру массив last), через хук created делается запрос на API и результат пушится в пустой массив. В компоненте тянутся даные с массива, который был пустым и заполнился данными из запроса. Это выглядит примерно как last[0].last. И данные работают корректно, но в консоли падает ошибка http://prntscr.com/ksl728

просто есть здоровенная форма с разными панельками, типами контролов и вёрсткой нетривиальной

в обёртке же ничего плохого, если она будет чистой функцией

Если рендерится через v-for то какая разница? А так будет не 60 компонентов с проверкой, а 60 оберток с компонентами

Всем привет. Ребята такой вопрос. У меня есть div.wrapp и в нем дочерние дивы и пешки. Повесил клик на div.wrapp @:click.self но он почему то срабатывает только при нажатии на пустуй область div.wrapper. когда например нажимаешь на дочерню пешку он не срабатывает. Помоги плз. Может у кого была такая проблема.

Тебе нужно почитать про event bubbling и propogation

потому что даже если сеттер и используется, то в нем не должно быть сайд эффектов, не связанных с изменением данных, по моему мнению. Вариант с v-model="param" и watch на это свойство более логичным выглядит либо просто @input="handler"

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

и через теги

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

так используйте computed, просто вместо v-model поставить :value="" и вынести в обработчик события вызов роутера

а так в vuex еще есть mapState как бы

Тебе нужно почитать про event bubbling и propogation

Что именно прочитать ? Я знаю что такое всплытие, перехват.

в обёртке же ничего плохого, если она будет чистой функцией

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

Что именно прочитать ? Я знаю что такое всплытие, перехват.

.self сработает если был клик точно по елементу, т.е event.target = элемент на котором обработчик. А ты кликая внутри попадёшь в дочерние элементы, эвент всплывает, попадает на хэндлер, там проверяется что эвент таргет не элемент и все, дальше хэндлер не вызывается

.self сработает если был клик точно по елементу, т.е event.target = элемент на котором обработчик. А ты кликая внутри попадёшь в дочерние элементы, эвент всплывает, попадает на хэндлер, там проверяется что эвент таргет не элемент и все, дальше хэндлер не вызывается

Я же написал что пробовал и с self и без self эффект тот же

так используйте computed, просто вместо v-model поставить :value="" и вынести в обработчик события вызов роутера

так это не решит проблему я думаю

так это не решит проблему я думаю

попробуйте, это дело минуты

Я же написал что пробовал и с self и без self эффект тот же

А в хендлере что?

А в хендлере что?

Вешаю просто класс

Такие проблемы решаются написанием фиддла с примером, обычно в процессе написания и приходит озарение. Покажи код лучше

попробуйте, это дело минуты

код дома, так что если только вечеромю Спасибо

код дома, так что если только вечеромю Спасибо

ок

а так в vuex еще есть mapState как бы

так а в чем профит. Mapstate тоже в computed записываает

Такие проблемы решаются написанием фиддла с примером, обычно в процессе написания и приходит озарение. Покажи код лучше

event.target.add.className('is-active')

Вообще прямая манипуляция с домом это не vue way

так а в чем профит. Mapstate тоже в computed записываает

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

ок

причем когда свойство было не computed, все прекрасно работало))

Вообще прямая манипуляция с домом это не vue way

а как тогда лучше манипулировать?

Надо делать фидл, по этим данным не ясно

а как тогда лучше манипулировать?

По клику переключать флаг и делать :class={'is-active' : flag}

Надо делать фидл, по этим данным не ясно

ну это сработает только когда класс надо подставить. а если например у тебя цвет на каждый див рендомом подставляеся через js. то тут тогда как?

ну это сработает только когда класс надо подставить. а если например у тебя цвет на каждый див рендомом подставляеся через js. то тут тогда как?

:style={color: getRandomColor() }

:style={color: getRandomColor() }

ну окей. а как это все связать с ховером и кликам. такой пример. чисто из жизни. был item у него рендом ставился цвет. который был присвоем в стили как бордер. при ховере нужно было этот же цвет сделать бакгроунд. то тут только через event

В данных заводишь объект стиля, к айтему :style='itemStyle', по клику меняешь объект стиля как нужно

ну это сработает только когда класс надо подставить. а если например у тебя цвет на каждый див рендомом подставляеся через js. то тут тогда как?

А если количество айтемов известно заранее и их немного, я бы может даже на ксс прегенерил классов и юзал чисто ксс

Всем привет

Вышел свежий подкаст "Недельный Vue": https://soundcloud.com/dmitry-zlygin/weekly-vue-3

описание выпуска на Medium - https://medium.com/@dzlygin/%D1%82%D1%80%D0%B5%D1%82%D0%B8%D0%B9-%D0%B2%D1%8B%D0%BF%D1%83%D1%81%D0%BA-%D0%BF%D0%BE%D0%B4%D0%BA%D0%B0%D1%81%D1%82%D0%B0-%D0%BD%D0%B5%D0%B4%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-vue-1b6f919ad05b

ERROR: S client not available

ничего изящнее на ум не приходит

Методы. Или метод

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

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

+

Подскажите, в css есть свойство какое-нибудь которое понимает что запуск страницы в полном экране?

Подскажите, в css есть свойство какое-нибудь которое понимает что запуск страницы в полном экране?

@media?

@media?

Не переходите по ссылке ?

@media?

Ага, нашел. Спасибо @media all and (display-mode: fullscreen)

подскажите пожалуйста кое что по АПИ + laravel сделал по гайду запрос и ответ. в дебагинге браузера в теле ответа отображается строчка которая пришла от laravel API, но vue его не прописывает в теле страницы сайта. хотя другой АПИ ответ прописывает - другой то есть из гайда.

а вот Vue

тот который закоментированный URL он работает с него приходит json точно такой же как у меня но этот ответ Vue передает в тело страницы сайта и отображает, а мой, который раскоментирван, нет

может Vue не хватает в заголовках ответа каких-то параметров?

может Vue не хватает в заголовках ответа каких-то параметров?

Vue тут вообще причем?

разница моего ответа в том что там есть Connection:Keep-Alive а в рабочем нету такого параметра в ответе

Vue тут вообще причем?

ну дебаг не показывает ошибок и все как надо даже ответ есть json

он у меня локально запущен - то есть существует

ну дебаг не показывает ошибок и все как надо даже ответ есть json

Еще раз - причем тут Vue? Вы запрос axios'ом делаете. Вот с ним и разбирайтесь. Vue тут вообще никак

а понял в чем ошибка Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на http://laravel-api/api/home.json. (Причина: отсутствует заголовок CORS «Access-Control-Allow-Origin»).

Всем привет. Хочу сделать на Vue, максимально универсально flash messages. Когда вёрстка генерится на бэке используют сессии, а тут как? Буду я допустим в ответах добавлять к json поле messages. Но как мне его получать по всему приложению? Есть какой-то middleware, или event для nuxt/axios?

заработало =)

Всем привет. Хочу сделать на Vue, максимально универсально flash messages. Когда вёрстка генерится на бэке используют сессии, а тут как? Буду я допустим в ответах добавлять к json поле messages. Но как мне его получать по всему приложению? Есть какой-то middleware, или event для nuxt/axios?

В вуексе через сокеты

В вуексе через сокеты

И сокеты под это дело поднимать? Не жирно ли?

Всем привет. Хочу сделать на Vue, максимально универсально flash messages. Когда вёрстка генерится на бэке используют сессии, а тут как? Буду я допустим в ответах добавлять к json поле messages. Но как мне его получать по всему приложению? Есть какой-то middleware, или event для nuxt/axios?

Попробуй pusher

И сокеты под это дело поднимать? Не жирно ли?

Ну у тебя там чатик или что

Ну у тебя там чатик или что

да нет, админка по сути. надо просто юзера оповещать что заявка принята (после отправки формы), или что что-то пошло не так. Для CRUD действий сообщения вывести, успех/неуспех.

То есть в любом случае сообщения будут сопровождать действия пользователя, а не возникать внезапно.

да нет, админка по сути. надо просто юзера оповещать что заявка принята (после отправки формы), или что что-то пошло не так. Для CRUD действий сообщения вывести, успех/неуспех.

notify есть