Товарищи, подкскажите пожалуйта: можно ли откреплять события от элементов? Что-то обратное от v-on

можно условно вешать, так практичнее

можно условно вешать, так практичнее

Спасибо. В моем варианте это прям реально практичнее. мне надо параметры ссылки менять и if тут прям к месту

@click=" a ? handler($event) : ''"

@click=" a ? handler($event) : ''"

У меня верстка немного меняется, так что v-if

Ребят, а кто работает с i18n - локализацией в больших проектах или для больших проектов это не решение?

народычи, кто извращался с vue на cms-ах (вордпрессах там каких-нить), как оно вообще, стоит влезать в такое? в плане заставить cms давать апи, с которого все забирать на одной странице

народычи, кто извращался с vue на cms-ах (вордпрессах там каких-нить), как оно вообще, стоит влезать в такое? в плане заставить cms давать апи, с которого все забирать на одной странице

У Wp, говорят, очень удобный АПИ

вот читал как раз там про какой-то плагин

Ребят, а кто работает с i18n - локализацией в больших проектах или для больших проектов это не решение?

а что интересно?

а что интересно?

именно какие либки и технологии юзать кошерно, axious, webpack... и какие архитектурые паттерны использовать

а что интересно?

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

а что интересно?

и как будет происходить процесс пересборки. Это все на nuxt

и как будет происходить процесс пересборки. Это все на nuxt

все из коробки работает

все из коробки работает

Еще вопрос как это сделать удобным для правки не только dev отделу. Есть какие-то штуки для удобного создания json файла?

json формат не такой сложный для понимания. тут сложнее гиту научить

json формат не такой сложный для понимания. тут сложнее гиту научить

посчитали что обучить человека редачить json - сложно

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

что значит отслеживать ключи на проде? добавление новых? изменения значения старых? у нас json переводов настроен так что его отдает по языкам сервер переводчики работают с этим в админке плейсхолдеры на фронте собираются автоматом и отправляются на сервер

фактически хранение на бэке самих переводов вместо того чтобы их в сборку пихать

так как языков много

У меня с реактом так. Полтора года варился в Vue, изучил все, а тут херрак и тестовое на реакте. Давно так не плевался. Какой-то он корявый после Vue кажется.

Ну, в чистом реакте мало про решение бизнес задач

посчитали что обучить человека редачить json - сложно

есть еще такая тулза https://poeditor.com/kb/json-editor

Еще вопрос как это сделать удобным для правки не только dev отделу. Есть какие-то штуки для удобного создания json файла?

https://jsoneditoronline.org/

ку, вопрос, есть кейс, когда нужно, что бы вотчер отработал только 1 раз, и потом уже не вызывал функцию, есть варианты кроме как cosnt unwatch = this.$watch('foo', val => { ...logic..; unwatch(); }) ?

Друзья, есть вопрос <div> <input type="checkbox" value="20" v-model="checkedNumbers"> <label>Двадцать</label> <input type="checkbox" value="10" v-model="checkedNumbers"> <label>Десять</label> <input type="checkbox" value="10" v-model="checkedNumbers"> <label>Десять</label> <br> <span>Отмеченные цифры: {{ checkedNumbers }}</span> </div> Когда чекаю второй бокс, третий тоже чекается. Как сделать так, чтобы чекбоксы с одинаковым value чекались отдельно?

Почему при условной отрисовке может не отрабатывать key? У меня две ссылки по v-if/v-else рисуются. На первой подвешен показ popup. Прописал ссылкам key, а vue при перерисовке оставляет подвешенным popup на второй ссылке

Почему при условной отрисовке может не отрабатывать key? У меня две ссылки по v-if/v-else рисуются. На первой подвешен показ popup. Прописал ссылкам key, а vue при перерисовке оставляет подвешенным popup на второй ссылке

покажи код

<span id="auth_link_wrap"> <a rel="nofollow" v-if="authLink" key="personal" title="<?=Loc::getMessage('CABINET_LINK_MSG');?>" class="personal-link dark-color" href="<?=$arResult['CABINET_LINK_HREF']?> "> <span class="wrap"><span class="title"><?=Loc::getMessage('CABINET_LINK_MSG');?></span></span> </a> <a rel="nofollow" v-on:click.stop="showAuthForm" v-else key="login" id="header_auth_link" title="<?=Loc::getMessage('LOGIN_LINK_MSG');?>" class="personal-link dark-color" data-param-backurl="<?=$arResult['BACK_URL_HREF']?>" href="javascript:;"> <span class="wrap"><span class="title"><?=Loc::getMessage('LOGIN_LINK_MSG');?></span></span> </a> </span>

Привет всем) Применяет кто в проектах Element Queries?

всем привет Есть ли какой то простой способ расширить компонент таблицы и добавить dnd в https://vuikit.js.org/#/guide/table ?

покажи код

Враппер. Внутри две ссылки. php ставки это от битрикса

сочувствую))

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

или порекомендуйте компонент таблицы по аналогии, с dnd

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

По документации это директива для того что бы v-if элементы рендерислись без повторного использования кода

это где такое написано

да есть такое, я не юзал просто

а, нашел, сяп

<span id="auth_link_wrap"> <a rel="nofollow" v-if="authLink" key="personal" title="<?=Loc::getMessage('CABINET_LINK_MSG');?>" class="personal-link dark-color" href="<?=$arResult['CABINET_LINK_HREF']?> "> <span class="wrap"><span class="title"><?=Loc::getMessage('CABINET_LINK_MSG');?></span></span> </a> <a rel="nofollow" v-on:click.stop="showAuthForm" v-else key="login" id="header_auth_link" title="<?=Loc::getMessage('LOGIN_LINK_MSG');?>" class="personal-link dark-color" data-param-backurl="<?=$arResult['BACK_URL_HREF']?>" href="javascript:;"> <span class="wrap"><span class="title"><?=Loc::getMessage('LOGIN_LINK_MSG');?></span></span> </a> </span>

попапы - это span у тебя?

попапы - это span у тебя?

попапы в подвале сайта скрытым блоком висят.

попапы в подвале сайта скрытым блоком висят.

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

сделай упрощенный фидл всего кейса

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

Он перерисоывает ссылки. на одну из которых подвешен попап. Проблема в том, что после перерисовки попап работает и на второй ссылке

В фидл сейчас закину. Там реально будет понятнее

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

привет всем. есть вопрос о композиции. надо сделать валидацию форм и стоит диллема как организовать компоненты? сейчас у меня просто форма, а инпуты - это компоненты, в которых просто обернуты нативные инпуты. не хочется туда валидацию пихать. также не хочется валидацию делать прямо тут в форме, т.к. будет неудобно переиспользовать. остановился на двух вариантах: 1. сделать дополнительно типо EmailInput.vue и туда засунуть мой компонент-инпут + туда уже валидацию имейла (и по аналогии с паролями также и остальное, каждый инпут в отдельный компонент с валидацией) 2. либо вынести валидацию как-то отдельно вообще

привет всем. есть вопрос о композиции. надо сделать валидацию форм и стоит диллема как организовать компоненты? сейчас у меня просто форма, а инпуты - это компоненты, в которых просто обернуты нативные инпуты. не хочется туда валидацию пихать. также не хочется валидацию делать прямо тут в форме, т.к. будет неудобно переиспользовать. остановился на двух вариантах: 1. сделать дополнительно типо EmailInput.vue и туда засунуть мой компонент-инпут + туда уже валидацию имейла (и по аналогии с паролями также и остальное, каждый инпут в отдельный компонент с валидацией) 2. либо вынести валидацию как-то отдельно вообще

Почему не хочется делать валидацию в компоненте формы? Как раз вся форма и ее, скажем так, настройки будут в одном месте

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

Проще написать отдельный валидатор, который можно юзать на всем проекте

никто незнает почему может тормозит vue material?

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

Проще написать отдельный валидатор, который можно юзать на всем проекте

например, как это "юзать на всем проекте"

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

У меня, например, на проекте, поле с емейлом используется во многих местах. У нас отдельный файл с валидацией, куда передается тип поля и его value, валидатор возвращает код ошибки. Этот валидатор переиспользуется в нескольких местах

компонент с валидируемым инпутом чтоли?

Да не, просто жс файл.

Да не, просто жс файл.

мне это ни о чем не говорит

при чем тут жс файл

я спрашиваю как компоненты структурировать

Наверное я тебя не правильно понял)

и ты мне говоришь как ты валидацию свою импортишь ( ты свой костыль я так понял, а я из библиотеки)

Я говорил просто про валидацию

наверное

никто незнает почему может тормозит vue material?

?

потому что он глюканутый и кривой)

нафиг вы все эти библы юзаете? пишите свои, это же одно удовольствие на вью

ERROR: S client not available

правда обилие выбора как структурировать ставит в тупик

_uid у компонентов в прод версии есть?

привет всем. есть вопрос о композиции. надо сделать валидацию форм и стоит диллема как организовать компоненты? сейчас у меня просто форма, а инпуты - это компоненты, в которых просто обернуты нативные инпуты. не хочется туда валидацию пихать. также не хочется валидацию делать прямо тут в форме, т.к. будет неудобно переиспользовать. остановился на двух вариантах: 1. сделать дополнительно типо EmailInput.vue и туда засунуть мой компонент-инпут + туда уже валидацию имейла (и по аналогии с паролями также и остальное, каждый инпут в отдельный компонент с валидацией) 2. либо вынести валидацию как-то отдельно вообще

https://github.com/monterail/vuelidate мне этот нравится. в форме декалируется вся валидация, а компонентам инпутам пробрасываются ошибки. они уже их рисуют

https://github.com/monterail/vuelidate мне этот нравится. в форме декалируется вся валидация, а компонентам инпутам пробрасываются ошибки. они уже их рисуют

ты вопрос читал вообще?

зачем мне в голый инпут запихивать ошибки? если я валидацию буду использовать в 10% случаев

в остальных 90% я буду использвоать компонент инпута без валидации и ошибко

всем привет, кто-то может подсказать нормальный компонент для выгрузки файлов? желательно иметь percentage выгрузки

Filepond?

зачем мне в голый инпут запихивать ошибки? если я валидацию буду использовать в 10% случаев

Ну делай 10 компонентов , emailInput, passwordInput Удачи

Ну делай 10 компонентов , emailInput, passwordInput Удачи

он видимо так и сделает

в остальных 90% я буду использвоать компонент инпута без валидации и ошибко

я бы сделал директивой. Типа v-validate и туда записывал поля которые нужно валидировать и паттерн по которому нужно валидировать

либо у ипутов v-validate и туда шаблон

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

либо оборачивать каждый инпут в свой компонент <validate>InputComponent/><validate>

что то в таком духе

Коллеги, подскажите, как сделать что бы router.beforeEach((to, from, next) => { Срабатывал после store.dispatch("setLoad",true);

Коллеги, подскажите, как сделать что бы router.beforeEach((to, from, next) => { Срабатывал после store.dispatch("setLoad",true);

Await store.dispatch Next()

я store.dispatch делаю до создани обьекта vue

Не повезло тебе

Коллеги, подскажите, как сделать что бы router.beforeEach((to, from, next) => { Срабатывал после store.dispatch("setLoad",true);

Выставь значение сразу true

Чтоб по умолчанию было true, а вот выключаешь когда надо.

Господа, кто-то решал следующее: v-combobox (vuetify) принимает модель с полем name, у которого значение null, параметр item-text="name", однако значение комбобокса "" после рендера и лейбл поднят.

Чтоб по умолчанию было true, а вот выключаешь когда надо.

actions: { async setLoad({ commit }, payload) { var code = localStorage.code; if(code){ await HTTP.post("get_user.php",{code:code}).then(r => { if(r.data!="no_auth"){ commit("setUser",r.data); } console.log("Loading Data..."); commit("setLoad",true); }); } else{ commit("setLoad",true); }; },

Верно я делаю?

К сожалению я не ебу, что ты делаешь.

actions: { async setLoad({ commit }, payload) { var code = localStorage.code; if(code){ await HTTP.post("get_user.php",{code:code}).then(r => { if(r.data!="no_auth"){ commit("setUser",r.data); } console.log("Loading Data..."); commit("setLoad",true); }); } else{ commit("setLoad",true); }; },

тебе нужно до инициализации приложентя данные подтянуть?

Делаю Усшен async Далее ставлю await на axios запрос к базе и жду ответа с данными. Когда данные пришли я добавляю их в объект

тебе нужно до инициализации приложентя данные подтянуть?

Моя главная задача что бы router.beforeEach срабатывал после того как проверится авторизация и на основе того есть ли данные или нет средиректило куда нужно

Моя главная задача что бы router.beforeEach срабатывал после того как проверится авторизация и на основе того есть ли данные или нет средиректило куда нужно

так и делай обращения к стору в роутере. как выше написали

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

К сожалению я не ебу, что ты делаешь.

Ы