主题
useActiveElement
反应式 document.activeElement
¥Reactive document.activeElement
示例
用法
¥Usage
vue
<script setup lang="ts">
import { useActiveElement } from '@vueuse/core'
import { watch } from 'vue'
const activeElement = useActiveElement()
watch(activeElement, (el) => {
console.log('focus changed to', el)
})
</script>
组件用法
¥Component Usage
vue
<template>
<UseActiveElement v-slot="{ element }">
Active element is {{ element.dataset.id }}
</UseActiveElement>
</template>