Как можно проверить слушателей на элементе кнопки, который не работает при нажатии?

Question

Ранее , у меня была проблема с некорректно работающим модификатором события вложенного b-входа .Мне пришлось вставить .native, как это было, так как я нажимал на компонент:

      b-dropdown(text="Actions")
        b-dropdown-item(:href='settlementPdf' target='_blank') Download PDF
        b-dropdown-item
          b-form(inline)
            .row
              .col
                b-input(v-model='checkNumber' @click.native.stop='' placeholder="#123")
                b-button(:href='printCheck' variant="primary" target='_blank') Print Check

Моя проблема сейчас в том, что b-button прямо под b-input больше не работает при нажатии.Как я могу устранить эту проблему и увидеть, что слушатель больше не слушает событие щелчка?Я предполагаю, что это проблема, но, пожалуйста, исправьте / направьте меня, если я ошибаюсь!

Я ищу ответ типа give a man a fish and feed him for a day; teach a man to fish and feed him for a lifetime.Могу ли я использовать инструменты разработчика Chrome для просмотра типа событий, которые прослушиваются в этом элементе кнопки?

Answer 1

Щелкните правой кнопкой мыши по элементу и выберите Inspect в меню, чтобы найти элемент на вкладке Elements DevTools.

Затем перейдите на вкладку Event Listeners на боковой панели и развернитеclick слушателей.Вы также можете снять флажок «Предки», чтобы видеть только прослушиватели, подключенные непосредственно к этому элементу, а не прослушиватели с содержащимися элементами (которые будут получать события из-за пузырьков).