$root — плохая практика, как и $parent

шину использовать - хорошая?

Ради чего, на один уровень вверх событие отправить? Нет

Спасибо, но да, хотелось бы напрямуб без root b прочего....

Я как-то делал, но получилось заработало рандомно и сейчас уже и не вспомню )

Привет всем! Пишу на вью, у меня анимация при прокрутке страницы. Есть такой баг, что если перезагрузить страницу, когда она прокручена до упора до самого низа, то, при листании вверх, анимация в хедере оказывается уже выполенной. Я вывел в консоль координаты этого хедера, и там, как ни странно, в этом случае они выводятся дважды http://joxi.ru/1A5PG3ncnpen82, то есть ощущение, будто страница загружается на долю секунды сверху, а потом мнгновенно перелистываются вниз. Первые координаты именно такие, как при загрузке страницы, прокрученной в самый верх. Что странно, такое происходит только на главной странице, на другой все нормально. Подскажите, в чем может быть дело, как с этим можно побороться?

Ради чего, на один уровень вверх событие отправить? Нет

а между параллельными компонентами как лучше события пробрасывать? Например, у меня есть v-tabs, в котором каждый таб - отдельный компонент с формами. и надо при checked чекбокса в соседние компоненты событие отправить

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

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

например, только на одной форме чекбокс может быть активным. При выборе чекбокса на других компонентах он должен стать false (например, каждый компонент - карточка контактов, и только одна карточка может быть дефолтной)

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

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

спасибо, буду пробовать

спасибо, буду пробовать

можешь с помощью vuex

например, только на одной форме чекбокс может быть активным. При выборе чекбокса на других компонентах он должен стать false (например, каждый компонент - карточка контактов, и только одна карточка может быть дефолтной)

https://medium.com/fullstackio/managing-state-in-vue-js-23a0352b1c87

Привет всем! Пишу на вью, у меня анимация при прокрутке страницы. Есть такой баг, что если перезагрузить страницу, когда она прокручена до упора до самого низа, то, при листании вверх, анимация в хедере оказывается уже выполенной. Я вывел в консоль координаты этого хедера, и там, как ни странно, в этом случае они выводятся дважды http://joxi.ru/1A5PG3ncnpen82, то есть ощущение, будто страница загружается на долю секунды сверху, а потом мнгновенно перелистываются вниз. Первые координаты именно такие, как при загрузке страницы, прокрученной в самый верх. Что странно, такое происходит только на главной странице, на другой все нормально. Подскажите, в чем может быть дело, как с этим можно побороться?

Ну так физически так и есть, при перезагрузке страницы браузер скролит до того offset на котором ты был до

Слишком пестро

Есть ли какой механизм, использваония миксина в миксине ? ? т.е. наследование в миксинах ?

это с офф магазина вроде?

или просто как объекты смержить ?

Друзья, кто работал с flickity/slick слайдерами в vue? Есть какая-то свистоперделка для добавления класса previous или next слайду? Мне нужно добавить класс чтобы слайд, который уже прошел, имел opacity: 0.

старая лучше

Друзья, кто работал с flickity/slick слайдерами в vue? Есть какая-то свистоперделка для добавления класса previous или next слайду? Мне нужно добавить класс чтобы слайд, который уже прошел, имел opacity: 0.

А разве у текущего слайда нет класса current или active?

А разве у текущего слайда нет класса current или active?

Мне нужен не текущий, а который уже прошел. Когда перелистываешь слайды, чтобы он с активного переходил в, например, .is-previous { opacity: 0; }

откуда ошибка

Uncaught TypeError: this.resource.getData is not a function at VueComponent.fetchData (eval at 43 (0.9e9484a….hot-update.js:7), <anonymous>:68:21)

Мне нужен не текущий, а который уже прошел. Когда перелистываешь слайды, чтобы он с активного переходил в, например, .is-previous { opacity: 0; }

is-prev только для предыдущего?

fetchData () { /*this.$http.get('data.json') .then(function (response) { return response.json(); }) .then(function (data) { const resultArray = []; for (let key in data) { resultArray.push(data[key]); } this.users = resultArray; }) }*/ this.resource.getData({node: this.node}) .then(function (response) { return response.json(); }) .then(function (data) { const resultArray = []; for (let key in data) { resultArray.push(data[key]); } this.users = resultArray; }) }, created() { const customActions = { saveAlt: {method: 'POST', url: 'alt.json'}, getData: {method: 'GET'} }; this.resource = this.$resource('${node}.json', {}, customActions); }

is-prev только для предыдущего?

Ага

Ага

если использовать ивент, к примеру beforeChange

Мне нужен не текущий, а который уже прошел. Когда перелистываешь слайды, чтобы он с активного переходил в, например, .is-previous { opacity: 0; }

Так сделай все с opacity: 0 а текущие с полной непрозрачностью

Так сделай все с opacity: 0 а текущие с полной непрозрачностью

Тогда следующие слайды будут такие же

А мне надо только после того, как они были активные

Это типо коллбек на следующий слайд? Через него просто класс добавить?

Селектор css .slide.active ~ .slide

Все последующие после эллемента будут иметь стиль но не предидущие

Друзья, кто работал с flickity/slick слайдерами в vue? Есть какая-то свистоперделка для добавления класса previous или next слайду? Мне нужно добавить класс чтобы слайд, который уже прошел, имел opacity: 0.

Свой написать слайдер :)

Друзья, кто работал с flickity/slick слайдерами в vue? Есть какая-то свистоперделка для добавления класса previous или next слайду? Мне нужно добавить класс чтобы слайд, который уже прошел, имел opacity: 0.

Там есть центр мод

У текущего слайда класс куррент вроде

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

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

В этом и вопрос, как это сделать. У меня в хтмл нет ни следующего, ни предыдущего.

В этом и вопрос, как это сделать. У меня в хтмл нет ни следующего, ни предыдущего.

У тебя 1 слайд.

?

У тебя 1 слайд.

5

Блин, ну текущий то есть?

<flickity ref="flickity" :options="flickityOptions"> <div class="carousel-cell" v-for="testimonial in testimonials"> <svg class="quotes" width="49px" height="40px" viewBox="0 0 49 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Desktop-HD" transform="translate(-940.000000, -2997.000000)" fill="#1FDB84"> <g id="Testimonials" transform="translate(147.000000, 2657.000000)"> <g id="Group-4" transform="translate(743.000000, 260.000000)"> <g id="Group-6" transform="translate(50.000000, 80.000000)"> <polygon id="Rectangle-7-Copy-2" points="0 0 18 0 18 18.9473684 0 40"></polygon> <polygon id="Rectangle-7-Copy-3" points="31 0 49 0 49 18.9473684 31 40"></polygon> </g> </g> </g> </g> </g> </svg> <p class="carousel-cell-lead">{{testimonial.lead}}</p> <p class="carousel-cell-signature">{{testimonial.name}} / {{testimonial.company}}</p> </div> </flickity>

Блин, ну текущий то есть?

Да

Ну, добавь всем кроме текущего классы

Бефорченж

Жсом

Бефорченж

Это прям в компоненте делать или в файлах фликити?

В конфигурации слайдера мне кажется

Как в доке написано

Vue-slick

Там есть примеры

Я с flickity пробую, не получается нифига

Господа, кто нибудь сталкивался с такой проблемой роутинга? Использую вьюроутер, делаю все по документации, т.е по сути в main.js указываю пути, и к каким компонентам. в index.html прописал роутер (и роут на кнопки), но проблема что в url меняется путь, но с отображением беда, может я что-то упустил?

В дебаге в $route знаение меняется при нажатии на кнопки

В дебаге в $route знаение меняется при нажатии на кнопки

компоненты привязаны к роутам? какое событие идет на кнопках? код в студию

Это типо коллбек на следующий слайд? Через него просто класс добавить?

да.

Это типо коллбек на следующий слайд? Через него просто класс добавить?

http://kenwheeler.github.io/slick/ описание апи слика. введи events в поиск..

подскажите как переписать с жиквери вот такой цикл

$('.percent').each(function(i,elem) { if($(elem).prop("checked")){ x += base * (parseFloat($(elem).val() / 100));

Друзья, кто работал с flickity/slick слайдерами в vue? Есть какая-то свистоперделка для добавления класса previous или next слайду? Мне нужно добавить класс чтобы слайд, который уже прошел, имел opacity: 0.

Добрый день. Есть js-библиотека swiper: http://idangero.us/swiper/ Там есть возможность работы с предыдущими-следующими слайдами (есть нужные классы).

ERROR: S client not available

Как решить такую проблему: на определенной странице, подгружается объект, таким способом mounted () { this.getAccount() }, Но на долю секунды отображается страница, на которой нет никаких данных, async/await для mounted не помогает

Как решить такую проблему: на определенной странице, подгружается объект, таким способом mounted () { this.getAccount() }, Но на долю секунды отображается страница, на которой нет никаких данных, async/await для mounted не помогает

V-if поставь

Отображать заглушку или лоадинг

V-if поставь

Чтобы отобразилось только когда данные получишь

Чтобы отобразилось только когда данные получишь

можно пример?

можно пример?

Пример того как v-if использовать?

Пример того как v-if использовать?

нет, для моего случая пример

привет всем !!! я только изучаю Vue так вот есть одна простая проблема никак не могу понят. Почему фильтер не работает

Так а сама реализация фильтра где

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

ну так можно и на js писать зачем тогда Vue фильтер в чем ее особенности ?

инструмент как удобно объявлять эти преобразования

ну так можно и на js писать зачем тогда Vue фильтер в чем ее особенности ?

сахар, там можно несколько фильтров подряд применить

все так и так на жс

V-if поставь

можно было просто mounted на created заменить

Всем привет! В родительском компоненте импортирую дочерний компонент: import SomeActions from './SomeActions' и подключаю: window.Vue.component('some-actions', SomeActions) я могу как то в момент подключения прописать пропсы? что то типа: `window.Vue.component('some-actions', { props: ['someprops'], template: SomeActions })`

Всем привет! В родительском компоненте импортирую дочерний компонент: import SomeActions from './SomeActions' и подключаю: window.Vue.component('some-actions', SomeActions) я могу как то в момент подключения прописать пропсы? что то типа: `window.Vue.component('some-actions', { props: ['someprops'], template: SomeActions })`

Да. Только это будут не пропсы, а опции компонента. Если он их поддерживает конечно.

Да. Только это будут не пропсы, а опции компонента. Если он их поддерживает конечно.

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

и к примеру template: SomeActions как правильно подключить?

Стоп! Я неверно понял вопрос )) Вы не компонент подключаете, а декларируете новый. Тогда да, синтаксис верный: window.Vue.component('some-actions', { props: ['prop'], template: '#element' })

Или что вам надо сделать?

а сам то компонент не поключен

как тут window.Vue.component('some-actions', SomeActions)

https://ru.vuejs.org/v2/guide/components.html Сравните с тем, что вы пишете, и задайте вопрос снова.

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

Почему Vue.component у вас, а не Vue.use?

там в примерах везде строкой компонент передается, типа template: '<button v-on:click="cou

Почему Vue.component у вас, а не Vue.use?

Vue.use у меня ниже

Vue.use у меня ниже

Ну а я догадаться должен? Делайте демку в песочнице, иначе это надолго.