使用vux的x-input組件中show-clear=“true”清除icon點擊失效的問題


問題場景:

在電腦瀏覽器點擊清除icon正常

在手機瀏覽器,手機微信,微信開發者工具中點擊清除icon失效

 

查看vux中的x-input組件中的源碼發現,清除icon使用了v-show顯示與隱藏,對應源碼如下所示:

在電腦瀏覽器中,使用觸發點擊的那一刻,v-show為true,此時可執行clear事件,然后v-show變成false,是正常的。

在手機瀏覽器,手機微信,微信開發者工具中,使用觸發點擊的那一刻,此時v-show馬上變成false,icon組件隱藏了,所以導致clear事件無法觸發。

 

 

解決方法:

通過不斷調試,發現是isFocus導致的,所以觸發點擊的那一刻,就執行了input失去焦點的事件,isFocus立刻變成了false。所以在onBlur方法上修改,給isFocus添加一個setTimeout延遲事件即可。這樣就解決了

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM