控制 输入框仅输入数字 number

功能：输入阶段就控制输入框不能输入数字以外的东东进入输入框 

 解决方案也简单，这里记录下。

---

目录

打怪历程

最终方案：

打怪历程

• .number

看这个名字就知道，应该是限制输入数字或者输入的东西转换成数字，but不是辣么赶单。

    如果你先输入数字，那它就会限制你输入的只能是数字。
    如果你先输入字符串，那它就相当于没有加.number

啥玩意，逗沃纳；换个角度：

•        当你将输入框类型设为number后有个讨厌的地方，唯独 “e” 和野草一样顽强的挤在数字里,这个该死的E，下面要干掉你

最终方案：

<input type="number" @input="onlyNumber" v-model.number="phone" 
    class="r_input" placeholder="输入联系电话" 
    onblur="this.placeholder='输入联系电话'" onfocus="this.placeholder=''" >

重点在第一行代码 \(^o^)/，以下是代码详解：

•       type=number        // 将键盘输入控制类型在  number和e  中 ；为啥可以输入e,因为科学算法
•       @input  =>  v-on:input        // 对输入进行监听
•       v-model.number   // 保险起见加上的至于去掉有无影响，各位小可爱欢迎尝试，可以告诉我结果

methods: {
   onlyNumber(e){
     e.target.value=e.target.value.replace(/[^\d]/g,'');
   },
}

以下是代码详解：

• 没啥好解释的，就是将输入的内容，用正则表达式筛选下，控制在数字类型中；

好了到此结束谢谢观看，喜欢的点个赞，有更好的方案欢迎留言