elementUI组件el-input输⼊框只能输⼊数字或保留两位⼩数input框禁止输入
只能输⼊数字的两种⽅法：
⽅法⼀：使⽤type=“number”
<el-input v-model.number='count' type='number' maxlength='9'/>
缺点：
maxlength不⽣效
可以输⼊e
可以输⼊⼩数点
⽅法⼆：使⽤正则表达式
<el-input v-model.number='count' oninput="place(/[^\d]/g,'')" maxlength='9'/>
其中v-model.number确保获得的count值为数字，即使0开头也会被后续数字代替。
输⼊数字或保留两位⼩数的表单校验
//不使⽤表单校验
//缺点：不能输⼊0.01
<el-input oninput="value=value.indexOf('.') > -1?value.slice(0, value.indexOf('.') + 3):value" type="number" v-model.number="num"></el-input> //解决：把v-model的number去掉即可
<el-input oninput="value=value.indexOf('.') > -1?value.slice(0, value.indexOf('.') + 3):value" type="number" v-model="num"></el-input>
//原因：v-model.number会把0.0x后的数字转换为0，算是输⼊框的⼀个特性吧。
//使⽤表单校验
cost:[
{ required: true, trigger: 'change', message:'请输⼊⾦额'},
{ pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/, message: '请输⼊正确的格
式，可保留两位⼩数' }
],

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。