美文网首页
解决input[type=number]可以输入e的问题

解决input[type=number]可以输入e的问题

作者: 盼旺 | 来源:发表于2021-06-21 15:20 被阅读0次

<FormItem label="客户电话">
<Input v-model="query.tel" placeholder="请输入" type="number" @on-keydown="onlyNumber" @on-blur="onlyNumber" :clearable="true"/>
</FormItem>

/**
 * 仅数字
 *
 * @param {Object} evt 事件对象
 */
export function onlyNumber(evt) {
    if(!evt || !(evt instanceof Object)) return;
    let inp = evt.target;
    setTimeout(function (ele) {
        let val = ele.value;
        let reg = /\D/g;
        ele.value = val.replace(reg, "");
    }, 200, inp);
}

相关文章

网友评论

      本文标题:解决input[type=number]可以输入e的问题

      本文链接:https://www.haomeiwen.com/subject/cvpyyltx.html