vue表单校验只能输入10的倍数

你可以使用自定义校验规则来实现这个功能。在表单中的输入框上添加 `v-validate` 属性，然后在校验规则中添加一个自定义验证方法：

<template>
  <div>
    <form @submit.prevent="submitForm">
      <label for="number">请输入10的倍数：</label>
      <input type="number" id="number" name="number" v-model="number" v-validate="{ rules: { multipleOfTen: true }}" />
      <span v-show="errors.has('number')">{{ errors.first('number') }}</span>
      <button type="submit">提交</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      number: null
    };
  },
  methods: {
    submitForm() {
      if (this.$validator.validate()) {
        // 表单校验通过，可以提交
        console.log('提交表单');
      }
    }
  },
  validations: {
    number: {
      multipleOfTen(value) {
        return value % 10 === 0;
      }
    }
  }
};
</script>

在上面的代码中，我们定义了一个名为 `multipleOfTen` 的自定义校验规则，该规则验证输入的值是否为10的倍数。在输入框上使用 `v-validate` 指令来绑定校验规则，并且在 `validations` 对象中定义校验规则。

如果输入的值不是10的倍数，将会显示一个错误信息，提示用户输入10的倍数。

注意：在使用自定义校验规则时，需要在 `validations` 对象中将需要校验的字段定义为一个对象，对象的属性名是校验规则的名称，属性值是一个函数，函数的返回值为 `true` 或 `false`，表示校验是否通过。