鼠标移开使得input框聚焦状态消失

如果你希望在鼠标移开时 input 框的聚焦状态消失，可以通过监听 input 的 `blur` 事件来实现。

在 `blur` 事件中，你可以调用 input 的 `blur()` 方法来取消输入框的聚焦状态。例如：

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

<script>
export default {
  methods: {
    onBlur() {
      this.$refs.input.blur();
    }
  }
}
</script>

在这个例子中，我们在 input 上绑定了 `blur` 事件，并在该事件中调用了 input 的 `blur()` 方法，以取消输入框的聚焦状态。这样，当鼠标从 input 上移开时，输入框的聚焦状态就会消失。

另外，你也可以在 input 上绑定 `mouseleave` 事件，以在鼠标离开时触发 blur 事件。例如：

<template>
  <div>
    <input ref="input" @mouseleave="onMouseLeave">
  </div>
</template>

<script>
export default {
  methods: {
    onMouseLeave() {
      this.$refs.input.blur();
    }
  }
}
</script>

在这个例子中，我们在 input 上绑定了 `mouseleave` 事件，并在该事件中调用了 input 的 `blur()` 方法，以取消输入框的聚焦状态。这样，当鼠标从 input 上移开时，也会触发 blur 事件，输入框的聚焦状态也会消失。