vant表单下拉选择后触发校验

在使用 vant 表单组件时，可以通过监听 select 组件的 change 事件来触发校验。具体实现步骤如下：

1. 在 select 组件上添加 ref 属性，方便在代码中获取该组件。

2. 在 methods 中定义一个函数，用来触发表单校验，比如名为 `validateForm`。

3. 在 select 组件上绑定 change 事件，将该事件指向 `validateForm` 函数。

4. 在 `validateForm` 函数中，通过 this.$refs 获取到表单实例，并调用该实例的 validate 方法来触发校验。

示例代码如下：

<van-form ref="form">
  <van-field
    v-model="value"
    label="选择"
    required
    placeholder="请选择"
    options="options"
    type="select"
    ref="select"
    @change="validateForm"
  />
  <van-button type="primary" @click="submitForm">提交</van-button>
</van-form>

export default {
  data() {
    return {
      value: '',
      options: [
        { text: '选项1', value: '1' },
        { text: '选项2', value: '2' },
        { text: '选项3', value: '3' }
      ]
    };
  },
  methods: {
    validateForm() {
      this.$refs.form.validate();
    },
    submitForm() {
      this.$refs.form.validate(valid => {
        if (valid) {
          // 表单校验通过，执行提交操作
        }
      });
    }
  }
};

在上面的示例代码中，当 select 组件的值发生变化时，会触发 `validateForm` 函数，该函数会通过 `this.$refs.form.validate()` 来触发表单校验。在点击提交按钮时，再次调用 `this.$refs.form.validate()` 来进行最终的表单校验。