el-input只输入数子

106 阅读1分钟

1.<el-input v-model.number="total"></el-input>
    这里本质还是字符串不建议使用
    
2.需要在css样式中隐藏掉按钮
<el-input v-model="total" type="number"></el-input>

// css
::v-deep input::-webkit-outer-spin-button,
::v-deep input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
::v-deep input[type='number'] {
  -moz-appearance: textfield !important;
}

3.正则验证
<el-input v-model="total" οnkeyup="value=value.replace(/[^\d]/g,0)"> </el-input>