el-input-number第一种方法:![](https://i-blog.csdnimg.cn/blog_migrate/d3cfe4efa426e1b2d57f5b6ba9f7b8d6.png)
<!-- 新增平台分成比例 -->
<el-form-item label="平台分成比例 :" prop="ratio" v-if="tabIndex == 1">
<el-input-number
@input.native="changeInput($event)"
v-model="tagForm.ratio"
:min="0"
:max="100"
label="平台分成比例 :"
>
{{tagForm.ratio}}
</el-input-number>
<span style="margin-left: 10px">%</span>
</el-form-item>
changeInput(e) {
if (e.target.value.indexOf('.') >= 0) {
e.target.value = e.target.value.substring(0, e.target.value.indexOf('.') + 3);
}
},
实现效果:
el-input-number第二种方法:
还有一种就是给el-input-number加属性:precision='2' 代表精确到小数点后两位 。:step='0.1' 代表每次增加0.1
但是这对属性的缺点是,自动补零。针对于个别需求来说不适用。
el-input第一种方法:
<el-input @keydown.native="handleInput"</el-input>
handleInput(e) {
// 通过正则过滤小数点后两位
e.target.value = (e.target.value.match(/^\d*(\.?\d{0,1})/g)[0]) || null
},
第二种方法:
这个在el-input里面只能输入小数点后两位
οninput="value= value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''"