给大家分享一个有趣的事情,今天在做表单的时候用了element-UI input type=number时候出现这种情况
输入框里出现两个按钮数字加载按钮,太影响美观了。
我的源代码这样的
<el-form-item label="通讯电话" :label-width="formLabelWidth">
<el-input
type="number"
maxlength="11"
v-model="form.phone"
autocomplete="off"
placeholder="原通讯电话"
clearable
></el-input>
</el-form-item>
好奇怪啊对不对,然后我搜了好多种问题,一一试了以后,嘿嘿多加一个属性,并且把原来的type删掉,或者改为text就解决了
增加以下属性
oninput="value=value.replace(/[^\d]/g,'')"
更改后的代码
<el-form-item label="通讯电话" :label-width="formLabelWidth">
<el-input
type="number"
maxlength="11"
v-model="form.phone"
oninput="value=value.replace(/[^\d]/g,'')"
autocomplete="off"
placeholder="原通讯电话"
clearable
></el-input>
</el-form-item>
更改后的效果
完美