vue form表单验证器代码

你可以使用 Vue.js 提供的内置表单验证器，或者使用第三方库来实现表单验证。以下是一个使用 Vue.js 内置表单验证器的示例代码：

<template>
  <form @submit.prevent="submitForm">
    <label>Name:</label>
    <input type="text" v-model="name" required>
    <span v-if="!$v.name.required">Name is required</span>

    <label>Email:</label>
    <input type="email" v-model="email" required>
    <span v-if="!$v.email.required">Email is required</span>
    <span v-if="!$v.email.email">Invalid email</span>

    <label>Password:</label>
    <input type="password" v-model="password" required>
    <span v-if="!$v.password.required">Password is required</span>
    <span v-if="!$v.password.minLength">Password must be at least 8 characters</span>

    <button type="submit">Submit</button>
  </form>
</template>

<script>
import { required, email, minLength } from 'vuelidate/lib/validators';

export default {
  data() {
    return {
      name: '',
      email: '',
      password: ''
    };
  },
  validations: {
    name: { required },
    email: { required, email },
    password: { required, minLength: minLength(8) }
  },
  methods: {
    submitForm() {
      // Handle form submission
    }
  }
};
</script>

在这个示例中，我们使用了 `vuelidate` 库来定义验证规则，并在模板中使用 `$v` 对象来访问验证结果。当用户提交表单时，我们可以在 `submitForm` 方法中处理表单数据。