Element-UI 输入框不能输入带小数点的数字

Element-UI 输入框不能输入带小数点的数字

项目场景：

在使用Element-UI表单组件时，发现输入框不能输入带小数点的数字

---

问题描述：

在使用Element-UI表单组件时，发现输入框不能输入带小数点的数字，开始以为是校验规则的问题，后来删掉校验规则之后，问题依然出现。后来在一篇文章中看到答案，顺利解决了问题

<el-form-item label="学生学号" prop="studentid" >
   <el-input v-model.number="ruleForm.studentid" :disabled="true"></el-input>
</el-form-item>

---

解决方案：

 <el-form-item label="学生学号" prop="studentid" >
    <el-input v-model="ruleForm.studentid"  :disabled="true" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>
 </el-form-item>