element-UI中的输入框怎么实现只能输入纯数字并可输入两位小数

el-inputs输入框，需要输入的是纯数字，但是还能输入小数（两位），不需要输入框后面的数字加减按钮，

请指教👀

想要实现的效果：

vue学习之elementUI组件el-input输入框只能输入数字或保留两位小数_七月的博客-CSDN博客_elementui输入框只能输入数字 方法一：使用type=“number”<el-input v-model.number='count' type='number' maxlength='9'/>缺点：maxlength不生效可以输入e可以输入小数点方法二：使用正则表达式<el-input v-model.number='count' oninput="value=value.replace(/[^\d]/g,'')" maxlength='9'/>其中v-model.number确保获得的 https://blog.csdn.net/weixin_42566993/article/details/108330404?utm_source=app&app_version=4.15.1

试一下这个
<el-input-number
v-model="myValue"
:precision="2"

可以使用 rules 进行正则的校验
el代码

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
  <el-form-item label="金额" prop="money">
    <el-input v-model="ruleForm.money"></el-input>
  </el-form-item>
</el-form>

vue的代码

在data中 定义rules变量
rules: {
          money: [
            
            { required: true, pattern:/^\d+\.\d*$/,message: '请输入活动名称', trigger: 'blur' }
          ],
}


//pattern 是正则的校验的方式     ^\d+  任意数字开头  \.后面跟个点 \d*$ 在以任意数字结尾