Мы рассматриваем возможность перехода с Vue на Elm для проекта, который во многом зависит от функции группы перехода Vue . Наш вариант использования - это упрощенная версия примера перемешивания (см. Ссылку выше для демонстрации): если позиции двух элементов в списке меняются местами в модели, элементы DOM должны плавно поменять местами свои позиции посредством перехода. Еще пример из документации:
Как лучше всего добиться такого же эффекта в Elm? Мы не можем использовать абсолютное позиционирование (+ жесткое кодирование геометрии в модели), потому что в целом макет по-прежнему опирается на стандартные функции браузера CSS +. Также не совсем ясно, может ли эта функциональность быть достигнута с помощью портов или потребуется низкоуровневый контроль над визуализацией виртуальной DOM.
Насколько мне известно, нет способа получить доступ к низкоуровневым событиям рендеринга в пакете Html или Virtual DOM Elm.
Тем не менее, Elm поддерживает связь через порт, поэтому вы должны иметь возможность добавить эту возможность в свое приложение, чтобы анимация запускалась через порты.
Я собрал здесь образец: https://ellie-app.com/jcCqXrC52a1/1
Здесь используется тот же общий подход, что и во Vue, но используется библиотека JS, на которую они ссылаются в своих документах, https://github.com/GoogleChrome/flipjs
Эта статья взята из Интернета, укажите источник при перепечатке.
Если есть какие-либо нарушения, пожалуйста, свяжитесь с[email protected] Удалить.
я говорю два предложения