vant表单校验必填星号

要在 Vant 表单中添加必填星号，可以使用 `rules` 属性来实现表单校验，并在需要校验的表单项后面添加一个带有星号的标识。

首先，确保已经正确引入 Vant 组件库。然后，在表单项的 `rules` 属性中定义校验规则，例如：

<template>
  <van-form ref="form" :model="formData" :rules="rules">
    <van-field v-model="formData.username" label="用户名" required clearable />
    <van-field v-model="formData.password" label="密码" type="password" required clearable />
    <van-button type="primary" @click="submitForm">提交</van-button>
  </van-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        username: '',
        password: ''
      },
      rules: {
        username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
        password: [{ required: true, message: '请输入密码', trigger: 'blur' }]
      }
    };
  },
  methods: {
    submitForm() {
      this.$refs.form.validate((valid) => {
        if (valid) {
          // 表单校验通过，执行提交逻辑
          // ...
        } else {
          // 表单校验不通过，提示错误信息
          // ...
        }
      });
    }
  }
};
</script>

在上述代码中，通过 `rules` 对象定义了两个表单项的校验规则：`username` 和 `password`。每个规则对象都包含了 `required` 属性，该属性设置为 `true` 表示该项为必填项。同时，通过 `message` 属性指定了校验不通过时的提示信息。

在模板中，使用 `required` 属性来添加必填样式，并根据需要自定义星号样式。在上述示例中，我使用了 Vant 的 `van-field` 组件来展示表单项，并添加了 `required` 和 `clearable` 属性。

最后，在提交表单时，通过调用 `this.$refs.form.validate()` 方法进行表单校验。校验结果会通过回调函数返回，你可以根据校验结果执行相应的逻辑。