vue3如何判断input是否失去焦点

你可以在组件的 `template` 中的 `input` 元素上使用 `@blur` 事件监听器来判断输入框是否失去焦点。

例如：

<template>
  <input @blur="onBlur" />
</template>

<script>
export default {
  methods: {
    onBlur() {
      // 处理输入框失去焦点的逻辑
    }
  }
}
</script>

你也可以在组件的 `script` 代码块中使用 `ref` 来获取到输入框的 DOM 元素，然后使用 `addEventListener` 来为输入框添加 `blur` 事件监听器：

<template>
  <input ref="input" />
</template>

<script>
export default {
  mounted() {
    this.$refs.input.addEventListener('blur', () => {
      // 处理输入框失去焦点的逻辑
    })
  }
}
</script>