欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue的input输入框只能输入数字

程序员文章站 2022-06-07 16:07:50
...
 <el-form-item label="分数:" :required="true">
          <el-input placeholder="请设置评分数" style="width: 90%" v-model="scoringItemsForm.grade"></el-input>
 </el-form-item>
<script>
// 这里过滤的是除了数字的其他字符
function filterInput(val) {
  return val.replace(/[^\d]/g, "");
}
export default {
	data(){
		return:{
			scoringItemsForm:{
				grade:''
			}
		}
	},
	watch: {
	   "scoringItemsForm.grade"(val) {
	     this.scoringItemsForm.grade = filterInput(val);
	   },
 	},
},

</script>