el-input只能输入数字

el-input只能输入数字

1. el-input框只能输入数字type=“number”，这种方式会出现样式加减框再增加样式去除

<el-input v-model="value" type="number">
    <template slot="append">元</template>
</el-input>

::v-deep input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}
::v-deep input[type="number"] {
    -moz-appearance: textfield !important;
}

2. 只能输入正整数，结合type="number"使用

<el-input v-model="value1" type="number" oninput="value = value.replace(/[^0-9]/g,'' )">
</el-input>

3. 输入小数并保留两位数字

<el-input v-model="value1" oninput="value=value.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1')">
</el-input>

4. 输入小于某个值，则等于0,可输入数字和小数

<el-input v-model="value1" oninput="if(value<0)value=0">
</el-input>

5. 输入小数使用计数器el-input-number

<el-input-number v-model="num" :controls="false" :min="0" :max="100" :precision="2">
</el-input-number>