//1.input中写入@input
<template
 <div>
	<input
	    type="text"
	    @input="numValid(value)"
	    placeholder="请输入内容"
	    v-model="value"
	/>
 </div>
</template>
//2.存储input的值value
data(){
 return{
   value:""
 }
}
//3.使用户只能输入0-100内的数字
methods:{
  numValid(value){
     this.value = value>100 ? 100 : value.replace(/[^0-9]/g, "") ;
  }
}

        
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐