Vue JS #6 Модификаторы события (Events Modifiers)

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

КОМЕНТАРІ • 16

  • @vasya8441
    @vasya8441 6 років тому

    Урок очень хороший, спасибо огромное, у тех кого не получается, смотрите код, я сейчас делал и не выходило, оказывается я просто в файле html не дописал две фигурные скобки, думал что что-то поломал в коде, а это невнимательность

  • @Unnamed-r8x
    @Unnamed-r8x 3 роки тому

    Очень приятно, что что такой прекрасный автор беларус. Продолжай, отличный автор )

  • @ИванИванов-н6б1з
    @ИванИванов-н6б1з 6 років тому +4

    Вот объяснил про "6" обработчиков, на практике показал как один работает, какое-то сухое толкование без примеров.

    • @YauhenKavalchuk
      @YauhenKavalchuk  6 років тому

      В целом, тема не очень сложная, а модификаторы самоописательные, т.е. по названию понятно что они делают. Но в целом согласен, возможо, несколько примером были бы не лишними.

    • @whoamicommand
      @whoamicommand 6 років тому

      Не объяснил, а дословно прочитал с русскоязычной документации))

    • @YauhenKavalchuk
      @YauhenKavalchuk  6 років тому +1

      Как и писал выше это элементарная тема. А самое лучшее место откуда можно брать материал для видео - это официальная документация.

  • @vkd4045
    @vkd4045 4 роки тому

    Жень, тут ошибочка 2:20
    "Обрабатывается здесь ПОСЛЕ обработки этим элементом."
    А правильно:
    ...
    ...

    • @vkd4045
      @vkd4045 4 роки тому

      @@amikawa2881 Я думаю, что Женя просто не проверил свою работу прежде чем выложить здесь.
      А ошибок и правда много. Пришлось отказаться от такого обучения...

  • @carpet5924
    @carpet5924 6 років тому

    Подскажите, пожалуйста, как правильно понимать поведение модификатора passive.
    Вот код того, что я опишу ниже: jsfiddle.net/eywraw8t/302553/
    У меня есть родительский и дочерний блоки. На родительский блок, на событие wheel, я навесил prevent - @wheel.prevent.
    На дочерний блок установил - @wheel.passive="onScroll".
    В итоге метод onScroll выполняется, но визуально скроллинг внутри дочернего блока не происходит.
    Исходя же из урока, я понял, что и метод и скроллинг должны происходить для элемента у которого есть passive. Почему скроллинг не происходит?
    И второй непонятный момент, в уроке вы говорите, что -
    @click.prevent.self - будет предотвращать все клики;
    @click.self.prevent - будет предотвращать клики только на самом элементе.
    Но когда применяю вышеприведенные модификаторы - все клики срабатывают в обеих случаях + при применении @click.prevent - тоже клики срабатывают, но не должны. Почему так?
    Вот код: jsfiddle.net/eywraw8t/302594/
    Объясните пожалуйста эти моменты. Заранее очень благодарен

    • @YauhenKavalchuk
      @YauhenKavalchuk  6 років тому

      Второй случай сразу понятно. У меня вопрос, а какое действие по умолчанию вы хотите отменить на обычной кнопке? prevent - отменяет действие по умолчанию. Если вы вешаете обработчик с методом на ссылку, то при клике на ссылку вы перейдете на другую страницу и ваш метод не сработает. Что бы не перейти на другую страницу вы вешаете prevent, тем самым отменяя переход и метод срабатывает. Аналогично видимо и в первом случае. prevent - не отменяет метод, а отменяет поведение по умолчанию

    • @carpet5924
      @carpet5924 6 років тому

      Спасибо за ответ. Я как раз к этому и пришел, что на кнопке мной не было задано поведение type="button/reset/submit", и следовательно отменять было нечего.
      Но первый случай так и остался загадкой, ведь там блоку, на котором я хочу иметь возможность скролла, указан модификатор passive, который говорит, что не нужно отменять для события поведение по умолчанию.

  • @Sendoo23
    @Sendoo23 6 років тому

    2:40
    "На данном элементе, НЕ на дочернем компоненте..."

  • @vasya8441
    @vasya8441 6 років тому

    первый)