VUE 判断某个元素是否为聚焦状态

在Vue中，可以使用ref属性来获取元素的引用，然后使用$refs来访问该元素。然后可以使用this.$refs.elementName来获取该元素的引用。

判断某个元素是否为聚焦状态，可以通过判断该元素的document.activeElement属性是否等于该元素。

以下是一个使用Vue的示例代码：

<template>
  <div>
    <input ref="myInput" type="text" @focus="checkFocus" @blur="checkFocus">
  </div>
</template>

<script>
export default {
  methods: {
    checkFocus() {
      if (document.activeElement === this.$refs.myInput) {
        console.log('myInput is focused');
      } else {
        console.log('myInput is not focused');
      }
    }
  }
}
</script>

在上面的示例中，当输入框被聚焦时，会调用checkFocus方法来判断输入框是否为聚焦状态。使用document.activeElement来获取当前聚焦的元素，然后与this.$refs.myInput进行比较，如果相等则表示输入框为聚焦状态，否则表示输入框不是聚焦状态。根据判断结果可以进行相应的操作