一、结构
<el-form-item label="单价:" prop="price">
<el-input
v-model.trim="formData.price"
placeholder="请输入"
><template #append>(元)</template></el-input>
</el-form-item>
二、验证方法:
// 自定义验证方法(**1、自定义验证方法的使用**)
var numbMethod=(rule, value, callback)=>{
const reg = /^(?!(0[0-9]{0,}$))[0-9]{1,}[.]{0,}[0-9]{0,}$/; //非负数/^\d+.?\d{0,2}$/;
if (!value) {
callback(new Error('请输入'))
} else if (!Number(value) && value!="0"&&value!=0) {
callback(new Error('请输入数字值')