UNPKG

@arco-design/web-vue

Version:

Arco Design Vue 2.0: A Vue.js 3 UI Library

20 lines (19 loc) 546 B
import { ref, onMounted, onUpdated } from "vue"; import { getFirstElementFromChildren } from "../_utils/vue-utils.js"; const useFirstElement = () => { const children = {}; const firstElement = ref(); const getFirstElement = () => { const element = getFirstElementFromChildren(children.value); if (element !== firstElement.value) { firstElement.value = element; } }; onMounted(() => getFirstElement()); onUpdated(() => getFirstElement()); return { children, firstElement }; }; export { useFirstElement };