vant4输入框，点击按钮触发校验

在使用Vant 4的输入框时，您可以使用Vant提供的`van-field`组件来实现校验。同时，您可以在点击按钮时手动触发校验。以下是一个示例代码：

<template>
  <van-field
    v-model="value"
    label="用户名"
    :rules="[
      { required: true, message: '用户名不能为空' },
      { min: 3, max: 5, message: '用户名长度为3-5个字符' }
    ]"
    error-message
  />
  <van-button type="primary" @click="submit">提交</van-button>
</template>

<script>
export default {
  data() {
    return {
      value: ''
    }
  },
  methods: {
    submit() {
      this.$refs.field.validate((valid) => {
        if (valid) {
          alert('校验通过')
        } else {
          alert('校验不通过')
        }
      })
    }
  }
}
</script>

在上面的示例中，我们使用`van-field`组件来实现输入框，并设置了校验规则。在点击提交按钮时，我们使用`$refs.field.validate`方法手动触发校验，并根据校验结果弹出对应的提示框。

注意，我们在`van-field`组件上设置了`error-message`属性，这样当校验不通过时，会显示错误提示信息。如果您不需要显示错误提示信息，可以去掉这个属性。