问题场景:

在电脑浏览器点击清除icon正常

在手机浏览器,手机微信,微信开发者工具中点击清除icon失效

 

查看vux中的x-input组件中的源码发现,清除icon使用了v-show显示与隐藏,对应源码如下所示:

在电脑浏览器中,使用触发点击的那一刻,v-show为true,此时可执行clear事件,然后v-show变成false,是正常的。

在手机浏览器,手机微信,微信开发者工具中,使用触发点击的那一刻,此时v-show马上变成false,icon组件隐藏了,所以导致clear事件无法触发。

使用vux的x-input组件中show-clear=“true”清除icon点击失效的问题 使用vux的x-input组件中show-clear=“true”清除icon点击失效的问题

 

解决方法:

通过不断调试,发现是isFocus导致的,所以触发点击的那一刻,就执行了input失去焦点的事件,isFocus立刻变成了false。所以在onBlur方法上修改,给isFocus添加一个setTimeout延迟事件即可。这样就解决了

使用vux的x-input组件中show-clear=“true”清除icon点击失效的问题

 

 

 

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-20
  • 2021-11-17
  • 2022-12-23
  • 2021-12-09
猜你喜欢
  • 2022-12-23
  • 2021-10-03
  • 2021-12-31
  • 2022-12-23
  • 2022-03-01
  • 2021-10-12
  • 2022-12-23
相关资源
相似解决方案