Во Vue.js событие click передается обработчику событий по умолчанию при помощи директивы @click
или v-on:click
в шаблоне компонента. Однако, если вам необходимо получить событие клика в хуке жизненного цикла updated()
, то вам необходимо воспользоваться методом addEventListener()
для навешивания обработчика события на элемент, к которому применен ваш компонент.
Вот пример кода, как можно получить событие клика в хуке жизненного цикла updated()
:
export default { updated() { const element = this.$el.querySelector('.your-element-class'); // Находим элемент в DOM if (element) { element.addEventListener('click', this.handleClick); // Добавляем обработчик события click } }, beforeDestroy() { const element = this.$el.querySelector('.your-element-class'); if (element) { element.removeEventListener('click', this.handleClick); // Убираем обработчик перед уничтожением компонента } }, methods: { handleClick(event) { console.log('Событие клика:', event); // Обработка события клика } } }
В данном примере мы используем метод this.$el.querySelector('.your-element-class')
для поиска DOM элемента, на который хотим навесить обработчик события. После нахождения элемента, мы добавляем обработчик события click при помощи addEventListener('click', this.handleClick)
. При уничтожении компонента мы освобождаем ресурсы, удаляя обработчик события при помощи removeEventListener('click', this.handleClick)
.
Таким образом, вы сможете получить событие клика в методе updated()
вашего компонента во Vue.js.