【原】vue组合式API的实用工具集(useActiveElement)

通过useActiveElement函数，获取当前选中元素。

示例代码：

import { useActiveElement} from '@vueuse/core'
import {computed} from "vue";
const activeElement = useActiveElement()
const key = computed(() => {
 return  activeElement.value?.dataset?.id||'null'
});
<template>
 <div>
      <input type="text" v-for="i in 6 " :key="i" :data-id="i">
    </div>
    <div>
      <span>input index：{{key}}</span>
    </div>
</template>

  鼠标选中input标签，获取当前元素索引位置。