useEventListener

This composable function is used to attach events to an element, with automatic disposal.

Usage

import { useEventListener } from '@flux-ui/internals';
import { useTemplateRef } from 'vue';

const element = useTemplateRef('element');

useEventListener(element, 'click', () => {
    console.log('Element clicked!');
});

Type declarations

import type { TemplateRef } from '@flux-ui/internals';
import type { Ref } from 'vue';

export declare function useEventListener<K extends keyof HTMLElementEventMap>(
    elementRef: TemplateRef<HTMLElement>,
    eventName: K,
    listener: (evt: HTMLElementEventMap[K]) => any,
    options: AddEventListenerOptions = {passive: true}
): void;

Used by

• Tab bar