vux框架input安卓无法清空

466 阅读1分钟

前言

由于历史原因,当时vue2.x比较火,公司在公众号有个项目,后来选了vux框架,后续作者不更新了其实觉得挺可惜,毕竟个人项目也能理解,如果作者看到的话也希望可以继续更新,现在vue3.0了,不知道原vux框架作者是否会跟进,我自己也已经在使用vue3.0搭建了一个新项目,有问题可以留言讨论。毕竟大家都是从新手过来的哈哈哈。

现象分析:

安卓问题:当你点击清空icon之前,input就已经失去了焦点,清空icon隐藏,键盘也开始隐藏,也就是说你在感觉上以为自己点击了清空按钮,其实清空按钮早就在你点击之前隐藏了

解决方案:

思路一: 我看有说从node-modules中直接修改的,思路大概就是定时器,强行模拟异步处理

思路二:个人采用的方案,是使用css,大概意思就是,当清空icon父级被点击的时候,强行修改清空icon样式为display:block;因为作者用的是内联样式权限比较高,所以只能使用!important;进行覆盖;

.vux-x-input{
    .weui-cell__ft:active{
        .weui-icon-clear{
            display: block !important;
        }
    }
}