vue pattern

你可以使用 Vue 的表单验证，结合正则表达式来实现输入框的格式验证。使用 `pattern` 属性，可以为输入框设置一个正则表达式，来限制输入的格式。

例如，实现一个只能输入 1-100 之间整数的输入框，可以使用以下代码：

<template>
  <div>
    <label for="num-input">请输入1-100之间的整数：</label>
    <input id="num-input" type="text" v-model="num" pattern="^([1-9]|[1-9]\d|100)$" />
    <p v-if="$v.num.$error">请输入1-100之间的整数</p>
  </div>
</template>

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

export default {
  data() {
    return {
      num: ''
    };
  },
  validations: {
    num: {
      required
    }
  }
};
</script>

在 `input` 标签中，使用 `pattern` 属性设置正则表达式 `^([1-9]|[1-9]\d|100)$`，表示只能输入 1-100 之间的正整数。在 `validations` 中，使用 `vuelidate` 的 `required` 方法来判断是否为空。这样就可以实现一个只能输入 1-100 之间整数的输入框，并且会有对应的提示信息。