如何用vant实现重复输入密码校验

要使用 Vant 实现重复输入密码校验，你可以按照以下步骤进行操作：

1. 首先，确保你已经在项目中引入了 Vant 组件库，并正确初始化。

2. 在你的表单中添加两个密码输入框，一个用于输入密码，另一个用于重复输入密码。

<van-field
  v-model="password"
  label="密码"
  type="password"
></van-field>

<van-field
  v-model="confirmPassword"
  label="确认密码"
  type="password"
></van-field>

3. 在你的 Vue 组件中，定义两个数据变量 `password` 和 `confirmPassword`，分别用于绑定密码输入框和确认密码输入框的值。

data() {
  return {
    password: '',
    confirmPassword: ''
  };
}

4. 使用计算属性来判断两次输入的密码是否一致。

computed: {
  isPasswordMatch() {
    return this.password === this.confirmPassword;
  }
}

5. 在确认密码输入框后面添加一个提示信息，根据密码是否一致显示不同的内容。

<van-field
  v-model="confirmPassword"
  label="确认密码"
  type="password"
></van-field>
<div v-if="!isPasswordMatch" class="error-message">密码不一致</div>

6. 最后，在样式文件中定义错误提示信息的样式。

.error-message {
  color: red;
  margin-top: 5px;
}

这样，当用户输入的密码与确认密码不一致时，会显示错误提示信息。而当两次输入的密码一致时，不会显示错误提示信息。这样就实现了重复输入密码校验功能。