elementUI校验问题
如何才能优雅的进行校验也是目前楼主比较关心的问题，如有更好的方式希望大佬不吝赐教。
下面是本人在开发中采用的方式，以此记录。
主要是金额或者面积校验，可输入整数或者2位小数
首先在输入时绑定trim，限制用户输入空格;
其次，在校验中多加一层正则校验（整数或2位小数）， /^\d+(.\d{1,2})?$/
最后如果有多个校验规则，可继续追加。
<el-form-item label="单价" prop="unitPrice">
<el-input clearable style="width: 200px" v-model.trim="form.unitPrice" placeholder="请输入单价"/> 元
</el-form-item>
//js
rules: {
unitPrice: [
{ required: true,message: "单价不能为空", trigger: "blur" },
{ pattern: /^\d+(\.\d{1,2})?$/, message: "单价格式不正确（保留2位小数）",trigger: 'blur'}
],
}