在工作这么久以来,终于由自己本人亲自发现常用组件中的一个bug的问题,而且关于这个bug的问题和解决方式在百度或者论坛中鲜少。嘻嘻。还是非常有成就感的一件事情。
首先:描述一下这个问题:
在做最近的一个项目中,我使用了@vuemap/vue-amap地图组件在大屏中写了一个大地图,同时在地图中,通过接口渲染地块,阀门,传感器等等一些内容,这些都是正常显示,在开发一个阀门点击事件出弹窗的功能时,问题就出现了。
在这个弹窗中设计了一个输入阀门频率的数字输入框。
正常的数字输入框大家在平常开发中一定是有使用过的。有基本的如下功能:
可以右加左减,以及手动输入,这是正常的。
但是在项目地图中做的弹窗中的数字输入框,仅仅只能右加左减,不能手动输入。如下情况:
可以看到仅仅只能加减 根本无法选中,手动输入内容。
代码是如下:
看了很多,网上都没有对应的问题和解决方式。问了公司别的大佬,也没有解决。
这个数字输入框,同样的方式放在别的地方就可以正常,但是放在地图中,就不行。
后来他去问了地图组件的开发者,得到如下回答:陈年老bug!!
解决方式:
和地图组件的开发者,说了这个问题之后,他们应该是解决了,我升级一下 vuemap/vue-amap 的版本为:2.1.3,
npm install vuemap/vue-amap@2.1.3
然后就可以正常输入了。