a-input失去焦点时校验内容

在Ant Design Vue(AV)的a-input组件中，当输入框失去焦点时，通常会自动进行验证。这主要是通过监听`blur`事件完成的。你可以通过设置`rules`属性来进行自定义的验证规则，并在`blur`事件中检查输入值是否满足这些规则。

下面是一个简单的示例：

<template>
  <a-input v-model="inputValue" placeholder="请输入内容" rules="required"></a-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    handleBlur(e) {
      if (!this.$refs.input.validate()) {
        alert('输入不能为空');
      }
    },
  },
  watch: {
    inputValue(newVal, oldVal) {
      this.$refs.input.validate(); // 当输入发生改变时，立即验证
    },
  },
  mounted() {
    this.$refs.input.addEventListener('blur', this.handleBlur); // 绑定blur事件
  },
  beforeDestroy() {
    this.$refs.input.removeEventListener('blur', this.handleBlur); // 移除blur事件监听
  },
};
</script>

在这个例子中，`rules`属性设置了必填验证(`required`)，当用户离开输入框(`blur`)时，`handleBlur`方法会被调用并检查输入是否为空。如果验证失败，会弹出警告提示。

如果你想在其他条件下验证，只需在`handleBlur`中添加对应的条件判断即可。