vue自定义指令解决输入数字问题

原创 啦啦啦123 随笔 vue 105阅读 2019-04-28 21:33:53 举报

在项目中,经常会遇到input输入限制数字的需求,而type="number"属性用起来并不理想,存在部分问题,并且不大喜欢右侧三角。所以常用的做法是监听input事件再加上正则过滤,但这会有个回退现象,后来在用vue的自定义指令时可以直接获取dom,消除了回退。
代码如下:

使用时只要在标签上加上v-only-num属性即可。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复