el-input-number 计数器笔记本电脑触摸板执行两次

问题描述:

用笔记本触摸板去点击,会触发两次:初始变量1,点一次,直接跳到3,再次单击跳到5

 

猜测的原因: 

el-input-number这个组件,同时响应鼠标单击操作和鼠标放置不放的操作。
针对鼠标点击操作,点击一下“ +”号,数字增加一个步长。针对对准不放操作,每100ms,数字增加一个步长。

针对不同笔记本的触摸板,对于轻触触摸板的处理是不同的,有的品牌模拟成一次点击事件,有的品牌模拟成一次长按事件。所以就出现了不同笔记本的不同响应。

 

开始在度娘上查找没有找到合适的答案  后来在github 上找到了答案  所以就记录一下 解决办法

在node_modules 文件夹中找到 element 的inputNumber.vue  然后 将其中的

v-repeat-click =“ decrease”   和   v-repeat- click =“ increase”  替换 为

@click =“ decrease”   和   @click  =“ increase”

然后把这部分代码重新打包成一个组件使用。
 

这样修改可以解决触摸屏计数器计数错误的问题 但是限制了 长按累加的功能   只能点击一次 记一次数   

posted @ 2020-07-22 17:13  收破烂的小伙子  阅读(2141)  评论(0编辑  收藏  举报