1、前端頁面

<el-row :gutter="20">
	<el-col :span="20">
		<el-form-item label="數量" prop="quantity">
			<el-input
					  class="entity"
					  placeholder="請輸入數量"
					  v-model="ruleForm.quantity"
					  size="mini"
					  clearable>
				<span slot="suffix" style="padding: 0 5px">個</span>
			</el-input>
		</el-form-item>
	</el-col>
</el-row>

2、規則驗證

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

若本文有幫助到閱讀本文的同學，歡迎點贊、關注、收藏，互相學習交流。