element ui，form组件输入框动态验证1-100整数

可以使用 element ui 的表单验证规则中的 min 和 max 属性来实现输入框动态验证1-100整数。具体代码如下：

<el-form-item label="输入框">
<el-input v-model="inputValue" placeholder="请输入1-100的整数"></el-input>
</el-form-item>

<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
validateInput(rule, value, callback) {
if (value === '') {
callback(new Error('请输入1-100的整数'));
} else if (!Number.isInteger(Number(value))) {
callback(new Error('请输入整数'));
} else if (value < 1 || value > 100) {
callback(new Error('请输入1-100的整数'));
} else {
callback();
}
}
},
mounted() {
this.$refs.form.validateField('inputValue');
}
}
</script>

其中，validateInput 方法是用来验证输入框的值是否符合要求的，mounted 方法是在组件挂载后自动触发表单验证。在 el-form-item 中，使用 v-model 绑定输入框的值，使用 validateInput 方法来验证输入框的值。在 el-form 中，使用 ref 属性来获取表单实例，使用 validateField 方法来触发表单验证。