废话不多说:
<el-form-item
label="概率值(100%)"
rules="[{ required: true, message: '请填写概率值,仅限两位小数'},{pattern:/^\d{1,2}(\.\d{1,2})?$/, message: '概率权重精确到两位小数点,勿超过100'}]"
prop="weight">
<el-input type="number" step="0.01" v-model.number="lotteryBonusCfg.weight" autocomplete="off"></el-input>
</el-form-item>
关键是:正则:/^\d{1,2}(.\d{1,2})?$/
但是这个功能有个bug,就是无法输入0.01,input会直接失去焦点,数字变成0.
解决办法:v-model.number ==》 v-model=“lotteryBonusCfg.weight”
即可输入0.01,或者1.01