Alpine.JS с нуля. Урок #4.2. Модификаторы директивы x-on.

Поділитися
Вставка
  • Опубліковано 11 лис 2024

КОМЕНТАРІ • 9

  • @njsaab9722
    @njsaab9722 3 місяці тому

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

  • @TUZikable
    @TUZikable 2 роки тому +2

    Спасибо! Отличный материал и понятное объяснение

    • @lozunoff-developer
      @lozunoff-developer  2 роки тому +1

      Спасибо за хорошую оценку! Рад, что материал понравился!

  • @АндрейБ-п4я9н
    @АндрейБ-п4я9н 2 роки тому +1

    спасибо за видео. а для снейк-кейса нет решения?)

    • @lozunoff-developer
      @lozunoff-developer  2 роки тому +1

      На данный момент мне такое решение неизвестно, но может в новых версиях библиотеки подвезут какие-нибудь интересные модификаторы )

  • @АндрейБ-п4я9н
    @АндрейБ-п4я9н 2 роки тому

    еще вопрос.: а модификатор .once - получается работает только с click? не смог повесить его не keyup, например

    • @lozunoff-developer
      @lozunoff-developer  2 роки тому +1

      Для модификатора .once ограничений по типу событий нет. Протестировал у себя в связке с событиями @input.once, @keyup.once, @keydown.once на поле ввода - ограничение работает.

    • @АндрейБ-п4я9н
      @АндрейБ-п4я9н 2 роки тому

      @@lozunoff-developer Да, простите, не совсем точно написал "x-on:keyup.once" - работает))) "x-on:keyup.enter.once" - не работает(( а мне например кажется что ketup - это не то, что имеет смысл в использовании без уточнения имени клавиши. я что-то не так пишу?

    • @lozunoff-developer
      @lozunoff-developer  2 роки тому +1

      @@АндрейБ-п4я9н проверил и правда вариант с комбинированием названия клавиш и модификатора "once" - "x-on:keyup.enter.once" - не работает. Похоже, что в самом Alpine.JS есть баг c порядком обработки модификаторов. Если в исходниках библиотеки порядок немного изменить, то все начинает работать. Завел баг на разработчиков Alpine.JS, посмотрим что ответят. На всякий случай оставлю здесь ссылку на этот баг: github.com/alpinejs/alpine/issues/2732