vue rules 输入1-100

你可以使用 `vuelidate` 或者 `vee-validate` 等表单验证工具来实现这个需求。

以 `vuelidate` 为例，你可以在 `data` 中定义一个 `num` 的初始值，并在 `validations` 中定义验证规则。具体实现如下：

<template>
  <div>
    <label for="num-input">请输入1-100之间的整数：</label>
    <input id="num-input" type="number" v-model.number="$v.num.$model" />
    <p v-if="$v.num.$error">请输入1-100之间的整数</p>
  </div>
</template>

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

export default {
  data() {
    return {
      num: 1
    };
  },
  validations: {
    num: {
      required,
      minValue: minValue(1),
      maxValue: maxValue(100)
    }
  }
};
</script>

这样就可以实现一个只能输入 1-100 之间整数的输入框，并且会有对应的提示信息。