vant表单组件，只做格式校验不做必填校验

Vant是一个轻量级的Vue UI库，其中包含了丰富的表格组件`van-form`。在Vant的`van-form`中，你可以专注于数据的格式校验，而对于是否必填的验证通常需要额外的手动处理。`van-form`提供了一些内置的验证规则，例如`required`用于检查字段是否为空，但是默认它并不会自动启用必填验证。

如果你想要在提交表单前做必填项检查，可以在`<form>`组件的`model`属性上设置`rules`对象，对每个必填字段添加对应的验证规则，比如：

<template>
  <van-form ref="form" :model="formData" @submit.prevent="handleSubmit">
    <!-- 表单输入 -->
    <van-textfield v-model="formData.title" placeholder="标题" required></van-textfield>
    <!-- ...其他表单元素... -->

    <!-- 自定义必填校验逻辑 -->
    <span v-if="!formRules.title.required && !formData.title">标题不能为空</span>

    <van-button type="primary" block>提交</van-button>
  </van-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        title: '',
        // 其他数据...
      },
      formRules: {
        title: { required: true, message: '请输入标题', trigger: 'blur' }, // 验证规则
        // ...其他字段规则...
      }
    };
  },
  methods: {
    handleSubmit() {
      if (!this.formRules.title.required || this.formData.title) {
        // 校验通过，可以发送数据...
      } else {
        alert('标题不能为空');
        return;
      }
    }
  }
};
</script>

在这个例子中，`formRules.title.required`会检查`title`字段是否设置了值，如果没有则显示错误提示。在`handleSubmit`函数里，我们自行判断是否满足必填条件再决定是否提交。