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”
然后把这部分代码重新打包成一个组件使用。
这样修改可以解决触摸屏计数器计数错误的问题 但是限制了 长按累加的功能 只能点击一次 记一次数