input组件 事件失焦??
发布于 6 年前 作者 fqin 1783 次浏览 来自 问答

这个问题已经困扰的我要被扣工资了…

场景是这样的:选择药品的功能,接口获取药品数据列表存在data上,在view-scroll组件上渲染出来一个列表,列表的每一项中有一个input组件,需要点击列表的每一项,使这一项中的input获取焦点可以输入,输入之后滑动scroll组件让其失焦,看起来感觉很清晰,但是我就是遇到各种问题(大部分应该是性能上的)

需要在前一页进来该页的时候更新已经选中的药品信息和数量,所以在input上绑定了value,由于通过focus来控制聚焦失焦,绑定了focus事件和blur事件,通过改变focus来触发,scroll组件上注册scroll事件来使聚焦的那一项失焦,在blur事件触发时来获取到当前input框的值进行处理。问题在于由于scroll事件会触发多次,(进行了节流和不必要的循环性能开销)还有因为是通过设置focus来使聚焦的input失焦,导致触发了blur事件但event.detail的值却取不到了,这个事件虽然触发但是没能在这个input上触发??

每一次设置focus只能循环数组,所以感觉性能有问题,但不知道为什么失焦时取不到event对象了…

同时求告知有没有更好的解决办法,或者怎样改进…

谢谢…orz

回到顶部