Описание тега vue-transitions
0
ответов
Классы перехода Vuejs не применяются к компоненту Vue
Я использую переход VueJs, чтобы сделать компонент appVacancies горка. <transition name="slide-down" mode="out-in" appear> <appVacancies v-if="showVacancies"></appVacancies> </transition> Это Vue специфический CSS для переход…
27 май '19 в 11:07
1
ответ
Vue - запуск анимации при изменении вычисленного отфильтрованного списка
Со списком элементов, которые фильтруются с использованием вычисляемого свойства, как вы можете запустить анимацию в разметке результатов {{ filteredRows.length }} каждый раз, когда список фильтруется / обновляется. .container#app transition name="f…
06 июн '19 в 22:39
1
ответ
Vue переходный элемент не отображается после завершения перехода
Я пытаюсь анимировать элемент на полную высоту браузера, когда пользователь нажимает на верхнюю панель. Анимация работает, но как только анимация (ввода) завершена, контейнер возвращается к нулевой высоте, в то время как он должен оставаться до тех …
11 июл '19 в 12:21
0
ответов
Как бесконечно анимировать CSS с помощью Vue
Ищете способ бесконечной анимации Vue. Начальная анимация работает, но она не будет работать бесконечно. .endless { animation: endless_animation 10s linear infinite; } Это работает с простым CSS, но будет перезапускаться каждый раз, когда обновляетс…
12 авг '19 в 16:51
0
ответов
NuxtJs- Javascript оставил переходный хук, не вызывая Gsap Tween
Я пытаюсь сделать переходы страниц с помощью Nuxt js и Gsap с помощью хуков javascript (beforeEnter,enter, exit), ввод работает хорошо, но что-то происходит с хуком отпускания, потому что не отображается анимация. У меня есть 2 страницы (Индекс и О)…
21 авг '19 в 01:44
1
ответ
Группа перехода Vue использует ввод / уход вместо перемещения
Используя vue transition-groups, есть ли способ инициировать переходы отпуск + ввод вместо переходов перемещения для движущихся элементов? Он должен уйти, и вместо этого войти в новую позицию. Перемещение перехода только кажется, работает с преобраз…
02 июл '19 в 20:23
2
ответа
Как исправить: "Не используйте ключи, не используйте ключи, например, не используя ключи".?
Добрый день, я пытаюсь анимировать анимацию свопинга в моем календаре, используя группу переходов, и выдает такую ошибку, я понимаю, что она говорит: "Не используйте циклические индексы v-for в качестве ключа", но когда я удаляю их, это приводит к…
19 июл '19 в 15:15
0
ответов
Вложенная группа перехода в vue не работает
Transition group inside transition group is not working. <transition-group name="slide"> <section-tree v-for="(section,index) in form.sections" :key="section.random" :index = "index" :section = "section" :sections="form.sections" @removeSec…
03 фев '20 в 07:21
1
ответ
Почему этот простой переход при переключении элементов с помощью `v-if` не работает?
Если я попробую очень простой пример с двумя <div>, только один из которых отображается одновременно с использованием v-if, то out-in переход между ними не затухает. <div id="app"> <transition name="fade" mode="out-in"> <div v-i…
01 окт '19 в 20:54
1
ответ
Плавный переход высоты v-if / else в Vue.js
У меня есть компонент, который загружает данные, а затем отображает их. Пользователь может изменить модуль, который запускает загрузку новых данных. Во время загрузки данных отображается состояние загрузки. Я хотел бы плавно переходить между этими с…
12 сен '19 в 08:05
1
ответ
Как использовать vuedraggable с переходным углублением и слотом заголовка вместе
У меня есть рабочий код с группой transtition, делающей флип-анимацию <draggable v-model="items" group="backlog-posts" animation="200" handle=".post-content" draggable=".drag-item" @start="drag = true" @end="drag = false" > <transition-grou…
17 сен '19 в 11:07
1
ответ
Добавление анимации перехода при добавлении нескольких элементов в список во VueJS
Итак, взгляните на эту скрипку. Я хочу добавить анимацию перехода из функции vue при добавлении нового множественного элемента в отображаемый список. Я уже пробовал добавитьtransition-group с атрибутом tag="div". Однако элементы все равно добавлялис…
03 ноя '19 в 11:31
1
ответ
Динамические компоненты Vue.js не меняются
Я создаю SPA на основе Vue.js, где я хочу переключаться между несколькими частями контента: <template> <transition name="fade"> <component :is="options[active].type" v-bind="options[active].props" /> </transition> </templa…
18 мар '20 в 21:37
4
ответа
Как отключить переходную группу только при загрузке страницы?
У меня есть группа перехода, которая отображает div, и внутри нее находится компонент с атрибутом v-for, который отображает несколько элементов. Затем у меня есть кнопка, которая добавляет новый элемент в начало массива. Этот переход работает отличн…
09 окт '19 в 19:47
2
ответа
Vue.js Transitions - вход и выход, в зависимости от увеличения / уменьшения значения
В настоящее время у меня есть следующий компонент блока перехода: <div v-if="!surveyResultIsReady" class="vh-md-40 position-relative" > <transition name="custom-classes-transition" enter-active-class="animated slideInRight" leave-active-cla…
06 янв '20 в 14:05
1
ответ
Плавное изменение высоты родительского элемента при добавлении нового дочернего элемента [Vue]
Я прочитал документацию по переходам vue и довольно ясно понимаю, как применять их к нужным элементам. Но как сделать изменение высоты плавным для родительского контейнера (серый), когда новый дочерний элемент (зеленый) добавляется / удаляется в гиб…
19 май '20 в 12:29
0
ответов
Как перекрывать элементы с помощью переходов Vue?
Мне нужно переключиться между двумя маршрутами. Чтобы переход работал визуально, оба компонента трассы должны монтироваться одновременно. т.е. следующий компонент маршрута должен быть анимирован до того, как предыдущий компонент маршрута будет уничт…
28 май '20 в 22:34
1
ответ
переход vue js не отображается правильно
У меня проблема с переходами с vue js. В Chrome это вроде работает, но странно, а в Microsoft Edge вообще не отображается. Я не знаю, как это объяснить, поэтому я поставлю ссылку jsfiddle на свой код, чтобы вы могли понять, что я имею в виду. ссылка…
15 июн '20 в 16:39
2
ответа
Vue: использование переходов Vue с v-if / else?
У меня есть компоненты, структурированные следующим образом: <component-1 v-if="this.showData" ></component-1> <component-2 v-else ></compoment-2> Я хотел бы обернуть переход вокруг каждого из них. Мой единственный …
30 июл '20 в 06:11
0
ответов
Переходы Vue. Переход по триггеру для вложенного перехода
Я пытаюсь запустить переход для выхода из группы переходов, вложенной в другой переход. Когда он появляется, активный класс fadeInLeft работает правильно, но я также хочу активировать fadeOutRight при изменении фильтра. Список фильтров представляет …
17 окт '19 в 03:34