mini-ali-ui组件库`SearchBar`组件使用手写输入问题

快来打我* 2022-10-12 00:59 139阅读 0赞

## mini-ali-ui组件库`SearchBar`组件使用手写输入问题 ##

*  问题
    
     *  使用[SearchBar][]唤醒手写键盘后，手写文字会出现‘闪’选择，直接将第一个默认文字推送到value里，用户无法选择。
     *  iOS原生键盘无以上问题，讯飞输入法，华为原键盘均出现以上问题。
 *  解决办法：

## 好了不用了，搞了这么久，才发现这个属性是暴露出来的，只是文档上没写： ##

`search-bar 组件上添加属性 controlled="{ {false}}"`

## 就可以了 ##

--------------------

### 以下都是原来自己找源码的思路历程 ###

*  暂定解决办法为下载源码，修改源码，修改地方也很简单
 *  在github中找到源码，下载到本地修改为本地组件，其中的`getI18n`,`am-icon`，可以直接指向`node_modules`里的同样文件，但是由于组建的样式是由less写的（错综复杂），所以在引用这个修改组件时需要在页面json里面引用原来未修改的组件，提供样式支持。![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjA5NjkwMQ_size_16_color_FFFFFF_t_70_pic_center]
 *  上面的是原UI库里的组件，下面是修改后的本地组件。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjA5NjkwMQ_size_16_color_FFFFFF_t_70_pic_center 1]

*  我个人也不太清除在`input`标签上加上这个controlled有什么特殊的作用，原来是为true，但是我修改为false也没有任何的差别，唯一差别就是手写的这个功能好了。

[SearchBar]: https://opendocs.alipay.com/mini/component-ext/search-bar
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjA5NjkwMQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221005/2786db103a0d42dab85d851653736bb7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjA5NjkwMQ_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221005/386f0ac7e9fc46b39470a917764e6425.png