keyframes

0%,60%,75%,90%,to -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1) animation-timing-function: cubic-bezier(.215,.61,.355,1) 0% opacity: 0 -webkit-transform: translate3d(0,-3000px,0) transform: translate3d(0,-3000px,0) 60% opacity: 1 -webkit-transform: translate3d(0,25px,0) transform: translate3d(0,25px,0) 75% -webkit-transform: translate3d(0,-20px,0) transform: translate3d(0,-20px,0) 90% -webkit-transform: translate3d(0,5px,0) transform: translate3d(0,5px,0) to -webkit-transform: none transform: none

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

0%,60%,75%,90%,to -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1) animation-timing-function: cubic-bezier(.215,.61,.355,1) 0% opacity: 0 -webkit-transform: translate3d(0,-3000px,0) transform: translate3d(0,-3000px,0) 60% opacity: 1 -webkit-transform: translate3d(0,25px,0) transform: translate3d(0,25px,0) 75% -webkit-transform: translate3d(0,-20px,0) transform: translate3d(0,-20px,0) 90% -webkit-transform: translate3d(0,5px,0) transform: translate3d(0,5px,0) to -webkit-transform: none transform: none

и не работает?

и не работает?

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

значит, для каждого разный таймаут

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

смотри, може добавь data-start-time и в цикле с n+200, а потом через метод в моунтед добавляй класс видимости с этим периодом

ухух

Кто сможет помочь с ситуацией, все create в компонентах вызываются дважды, из-за этого дважды выполняется запросы к ajax дважды гугл мапс конектится

о каких компонентах речь?

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

я думаю props

а props это глобальные переменные, если я в одном модуле сделаю так, @click="sumbmitAction = true", sumbmitAction это props в компоненте, то по идее можно слушать его в watch?

смотри, може добавь data-start-time и в цикле с n+200, а потом через метод в моунтед добавляй класс видимости с этим периодом

не совсем понял

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

Почитай доки

Кто куда запихивает модалки с логикой?

Почитай доки

нашел, спасибо)

не совсем понял

блин. ну или в css почитай про автоинкремент

ребята кто юзал Electron ?

Есть два route-view, один из них для модальных окон с name=modal, как сделать их независимыми? Чтобы, например, основной route-view использовал history mode, а modal hash mode.

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

Есть два route-view, один из них для модальных окон с name=modal, как сделать их независимыми? Чтобы, например, основной route-view использовал history mode, а modal hash mode.

Сейчас при переходе в модальное окно по ссылке '/login', затирается основное вью

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

Да нет никаких проблем. Вы можете накидать пример, чтобы не на пальцах вам объяснять? https://codesandbox.io/s/vue

Да нет никаких проблем. Вы можете накидать пример, чтобы не на пальцах вам объяснять? https://codesandbox.io/s/vue

пять секунд

вот модуль

import Vue from 'vue'; import list from '../mixins/list'; import search from '../mixins/search'; import carEditForm from '../auto/auto-edit-form-component'; var reports = new Vue({ delimiters: ['${', '}'], props: ['sumbmitAction'], el: '#report-list', components: { carEditForm, },

в нем подключается компонент carEditForm

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

вот как это выглядит в шаблоне <span id="auto-edit"> {% include 'auto/auto_edit_form.html' with edit=edit %} <car-edit-form auto-action="{% url 'auto:add_auto_from_auto_ru' %}" :add-report-is-visible="true" manual-action=""></car-edit-form> </span> <div id="report-list" class="mt_xl reports" v-cloak> <div class="form-group form-group_default"> <div class="form-group__header"> <h3>Отчёты <span class="section__count">${ count }</span></h3> <button class="btn btn_s btn_primary ml_m" @click="saveAndAddReport();"> <div class="btn__grid"> <div class="btn__title">Создать отчёт</div> </div> </button> </div> <div class="form-group__body"> {% include 'report/reports.html' %} </div> </div> </div>

Что делает этот метод?

пробовали mounted?

пробовал

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

метод в миксине лежит?

если да, то подключи миксин в компоненты

в список миксинов

о каких компонентах речь?

во всех компонентах в папке view

когда кнопка была в шаблоне car-edit-form, все было нормально теперь она перенесена <button class="btn btn_s btn_primary ml_m" @click="saveAndAddReport();"> <div class="btn__grid"> <div class="btn__title">Создать отчёт</div> </div> </button> и не работает

https://scontent.fiev4-1.fna.fbcdn.net/v/t1.0-9/34706062_1676974789004530_176138902321496064_o.jpg?_nc_cat=0&oh=623d34a0fea04a2c12dcbefa567ef3ad&oe=5BB785AA

пробовал

вотчеры не могут хуевериить?

задай переменную окружения NODE_ENV=dev

в винде SET NODE_ENV=dev в остальных не знаю

вотчеры не могут хуевериить?

как их посмотреть ? я сам не писал. в шаблоне мб

куда?

когда кнопка была в шаблоне car-edit-form, все было нормально теперь она перенесена <button class="btn btn_s btn_primary ml_m" @click="saveAndAddReport();"> <div class="btn__grid"> <div class="btn__title">Создать отчёт</div> </div> </button> и не работает

Ну так это логично, не?) В зависимости от того, что делает метод, тебе надо как то переписать это.

перед npm run dev в консоле

Ну так это логично, не?) В зависимости от того, что делает метод, тебе надо как то переписать это.

зачем переписывать, если он вообще не в облости видимости, оно то работает

зачем переписывать, если он вообще не в облости видимости, оно то работает

ты не так мыслишь, исходи из данных. Тебе надо в ту компоненту, где кнопка передать данные. Не знаю как ещё объяснить. Пример бы нормально сделал как просили

ты не так мыслишь, исходи из данных. Тебе надо в ту компоненту, где кнопка передать данные. Не знаю как ещё объяснить. Пример бы нормально сделал как просили

передать данные что бы их слушать и вызвать по событию метод?

Да

зачем переписывать, если он вообще не в облости видимости, оно то работает

Из области видимости компонента car-edit-form кнопка попала в область видимости auto-edit. Вот там и надо слушать ее обработчик теперь

зачем переписывать, если он вообще не в облости видимости, оно то работает

Про это я и говорю. Метод вынести в то место, где кнопка. Если он зависит от данных в том компоненте, где он был - прокинуть эти данные заранее эвентом.

когда кнопка была в шаблоне car-edit-form, все было нормально теперь она перенесена <button class="btn btn_s btn_primary ml_m" @click="saveAndAddReport();"> <div class="btn__grid"> <div class="btn__title">Создать отчёт</div> </div> </button> и не работает

Если у тебя обработчик клика в другом компоненте - каким образом она должна работать?

Про это я и говорю. Метод вынести в то место, где кнопка. Если он зависит от данных в том компоненте, где он был - прокинуть эти данные заранее эвентом.

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

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

Ну, мне бы тоже не хотелось делать многих вещей в этой жизни, но приходится)

просто на чисто js я могу чтото вынести в функцию и использовать, а тут получается нельзя

просто на чисто js я могу чтото вынести в функцию и использовать, а тут получается нельзя

Ну это фреймворк. Приходится играть по его правилам. А правила говорят, что у каждого компонента ограниченный скоуп. Изоляция

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

просто на чисто js я могу чтото вынести в функцию и использовать, а тут получается нельзя

И тут можно . Только мыслить надо не глобальными функциями, а данными, которые вы передаете от компонента к компоненту

просто на чисто js я могу чтото вынести в функцию и использовать, а тут получается нельзя

ну миксины жиесь?

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

Тут тоже можно так сделать, но это считается немного костылем)

И тут можно . Только мыслить надо не глобальными функциями, а данными, которые вы передаете от компонента к компоненту

дайте ссылку по этой теме плиз

Eventbus vue гугли

ну миксины жиесь?

можно просто но хотелось бы меньше писанины

Скиньте, пожалуйста, ссылку на русскоязычный канал JS-разрабов.

в описании канала есть

@js_ru

всем привет, не могу получить у инпута валуе через реф.

делаю его динамически и динамически получаю

ERROR: S client not available

что не так?

Но зачем?

надо мне, зачем

event.target же

мне надо реф получить емае

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

народ, столкнулся со странной проблемой. svg-sprite-loader, делает спрайт из svg файлов, и по итогу меняет цвета в иконке

могу дать больше инфы если имеет смысл

мне надо реф получить емае

А что в this.$refs вообще лежит?

причем, меняет цвета только в 1 иконки из кучи

А что в this.$refs вообще лежит?

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

Я в первые вижу, такой бесполезный код.

Я в первые вижу, такой бесполезный код.

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

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

это не рпбочий код

это для примера

А че за i?

индекс

причем, меняет цвета только в 1 иконки из кучи

обычно проблема кроется в svgo

У тебя цикл выше где-то?

привет! парни, как боритесь с vutify attach & hide-details='true'? бесит ошибка Invalid prop: type check failed for prop "hideDetails". Expected Boolean, got String.

или в кривой иконке, которую надо пересобрать

цикл выше, да

или в кривой иконке, которую надо пересобрать

я в IDE открываю её нормально, вижу все цвета правильно

ну это же спрайт, он когда собирается наверняка в процессе еще и оптимизируется

есть альтернативный инструмент webpack-svgstore-plugin примерно о том же

только не через лоадеры сделан

спасибо ща попробую

@js_ru

Благодарю.

цикл выше, да

Просто укажи название без индексов и все попадет в Реф как массив