//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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐