el-input 限制只能输入正整数

1、前端页面


	
		
			
				
			
		
	

2、规则验证

export default {
	data() {
		return {
			ruleForm: {
				quantity: "",
			},
			rules: {
				quantity: [{
					pattern: /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/,
					required: true,
					message: '请输入数量,且为正整数类型',
					trigger: 'blur'
				}, ],
			},
		};
	},

若本文有帮助到阅读本文的同学,欢迎点赞、关注、收藏,互相学习交流。

你可能感兴趣的:(前端开发,vue.js,elementui,javascript,el-input,正则表达式)