Как обрабатывать события, возникающие на элементах, переданных в слот?

Как привязать обработку событию из слота, пример ниже набросал.
Почему-то this.$slots.default[0].elm выводит undefined, ходя в консоли this.$slots.default[0] выводится объект VNode.

файл html:

<vue-input>
   <input type="text" />
</vue-input>

файл vuejs

export default {
   name: 'VueInput',
    created () {
        this.$slots.default[0]. ????
   }
}

Как добавить обработку события, к примеру click?
  • Вопрос задан
  • 359 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Как привязать обработку событию из слота

Не очень понятно, зачем такое надо.

Почему-то this.$slots.default[0].elm выводит undefined

Потому что элемента ещё нет, чтобы он появился, надо дождаться монтирования экземпляра компонента в DOM - если вместо created используете mounted, то увидите, что элемент есть.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы