element ui组件 el-input只能数据整数，且设置不能小于0大于10

• Jave 
   10)value=10;if(value

第一个属性：type=“number” input的原生属性，标明input框的类型

第二个属性： step=“0.5” input的原生属性，type=“number” 时生效， 标明输入字段的合法数字间隔（假如 step=“0.5”，则合法数字应该是 -0.5、0、0.5、1，以此类推）

第三个属性： min=“0” max=“10” min 属性规定输入字段所允许的最小值。 max 属性规定输入字段所允许的最大值。 min 属性与 max 属性配合使用，可创建合法值范围。

第四个属性：@keyup.native=”proving($event)”

1、onchange事件

        通过添加onchange事件我们只能

onchange="if(value){value=value.replace(/[^\d]/g,1);if(Number(value)10){value=10}"

 但是会存在一个问题，如果我们是用在动态编译的表格中，我们虽然让大于10的值变为了10，但在保存的时候传给后端的值会存在问题：如果10000则只会传给后端1；如9999则会变9

2、oninput事件

        直接限定了不能大于，可以很好避免上面的问题

  oninput="if(value){value=value.replace(/[^\d]/g,1);if(Number(value)10){value=10}"

3、最后在表格中使用的效果 

                    
                        <el-input type="number" v-model="scope.row.examineGrade" autocomplete="off" size="small"
                            placeholder="0分到10分（包括0和10）"
                            max="10" min="0"
                            onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode)))'
                            onchange="if(value){value=value.replace(/[^\d]/g,1);if(Number(value)10){value=10}"
                            oninput="if(value){value=value.replace(/[^\d]/g,1);if(Number(value)10){value=10}"
                            >

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/3ca7741a67.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐