element-ui 表单输入框限制输入数字为（负数、小数）

文章目录 element-ui 表单输入框限制输入数字为（负数、小数）

element-ui 表单输入框限制输入数字为（负数、小数）

功能描述： 在form表单 第一个符号可以输入‘-’(负号)，第二个负号输入则清空输入框； 第一个小数点必须有长度后才能输入，第二个小数点输入则清空输入框 其他一切符号、文字、英文等限制输入

代码：

<el-form-item label="value" v-show="showNum" prop="value"> <div id="color1">温馨提示：只能输入数字</div> <el-input oninput="if (value.slice(0,value.indexOf('-')+2)) {if(isNaN(value.slice(1,value.indexOf('-')+999))) { value = null }} if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+99)} if (value.slice(0,value.indexOf('-')+2)!=='-'){if(isNaN(value)){value=null}}" v-model="temp.value" :autosize="{ minRows: 4, maxRows: 8}" type="textarea" placeholder="未填写"/></el-form-item>

提示： v-model绑定值； v-show控制显影，不需要可去掉；

逻辑判断用到的函数 slice() indexOf()