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>
推荐阅读
-
php限制只能输入英文字符和数字的正则表达式
-
C#中winform控制textbox输入只能为数字的方法
-
C#中winform控制textbox输入只能为数字的方法
-
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
-
兼容firefox的文本框只能输入两位小数的数字的代码
-
jQuery实现动态添加、删除按钮及input输入框的方法
-
js获取input输入的值(获取input输入框的内容)
-
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
-
C# TextBox控件实现只能输入数字的方法
-
jQuery控制input只能输入数字和两位小数的方法