问题:element ui InputNumber 计数器 鼠标左右同时点击尾部icon(+,-)时,无限自增/自减,到最大值/最小值也不会停下来,但是我在官方文档的例子在线运行中又不会出现这样的情况
代码:
PS:因为怕可能是form-item标签包裹的缘故,在外面又新弄了一个input标签,还是一样
控制台打印,一直在输出
请问如果用el-input-number标签,应该如何去解决呢?
问题:element ui InputNumber 计数器 鼠标左右同时点击尾部icon(+,-)时,无限自增/自减,到最大值/最小值也不会停下来,但是我在官方文档的例子在线运行中又不会出现这样的情况
代码:
PS:因为怕可能是form-item标签包裹的缘故,在外面又新弄了一个input标签,还是一样
控制台打印,一直在输出
请问如果用el-input-number标签,应该如何去解决呢?
我今天也遇到了这个问题。我发现是因为在这个组件的父元素中,使用了
<div
class="treeDiv"
@mouseup.prevent.stop="mouseUpDom(data)"
>
<el-input-number v-model="num"></el-input-number>
</div>
主要是因为,@mouseup
中,使用了.stop
的方式,让鼠标弹起事件不能冒泡到父级元素。而这个el-input-number
组件是靠监听 document.onmuseup
来确定是不是一直在点击。
简单的方式是直接去掉.stop
5 回答1.4k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
2 回答871 阅读✓ 已解决
1 回答740 阅读✓ 已解决
1 回答717 阅读✓ 已解决
3 回答905 阅读
2 回答921 阅读
我也遇到这种情况了,页面有多个计数器,点击几次按钮+或者-,然后就无限调用事件