Taro小程序 Input组件focus属性失效解决方案

Taro小程序开发在使用Input组件时，会遇到一个问题，设置了Input组件自动聚焦，但是在iPhone X与部分android机型上无法生效，此为官方组件的一个bug，截止Taro v3.2.7版本目前仍未解决此问题，无法生效的使用方式如下：

<Input type='text' placeholder='将会获取焦点' focus={true}/>

解决方案：修改为微信小程序原生组件input即可

<input type='text' placeholder='将会获取焦点' focus={true}/>

如有效果，记得点赞三连，谢谢~

Taro小程序 Input组件focus属性失效解决方案相关推荐

微信小程序audio组件播放按钮失效解决方案
我中写小程序用到组件时,发现有时候点击播放按钮之后,虽然音频能播放,但是播放按钮会丢失,这就会导致一个问题,用户无法暂停播放,导致用户体验下降.原因没有去追究,应该是组件的bug,因为赶时间,所以尝试 ...
小程序input组件获得焦点时placeholder内容有重影
这个问题是小程序input组件的bug,目前的解决办法可以,在input标签上加一个其他标签,显示placeholder内容,获得焦点时消失,失去焦点时候再让其显示 <view class='i ...
你真的完全掌握了 Input 组件的键盘控制么？ ——百度智能小程序 Input 组件原理剖析与键盘行为说明
在百度智能小程序的很多开发场景中,我们都会使用到 Input 输入框组件.而在操作输入框的过程中,正确处理键盘的弹出和收起行为也是十分重要的一环.键盘行为不仅需要完美符合业务场景,同时也和用户体验息息 ...
微信小程序之解决background-image属性失效
在做微信小程序时,当遇到需要给某个组件加背景图片时,通常是使用 background-image 这个属性.在以往的网页程序中,直接在这个属性后面加上相对路径或绝对路径,便可以将背景图片显示出来.但是 ...
小程序input的type属性 text、number、idcard、digit
uniapp的 input输入框的 type属性 text.number.idcard.digit区别值说明 text 文本框 number 纯数字框(无小数点) idcard 身份证输入键盘( ...
微信小程序input组件边框不显示问题的解决方法
问题情景在微信小程序开发中经常用到input组件,但是如果按下面的wxml代码去写,input的边框是不会显示的,只有在鼠标点过去的时候才会有个光标 <view class="set ...
微信小程序 input 的 type属性 text、number、idcard、digit 区别
微信小程序的 input 有个属性叫 type,这个 type 有几个可选值: text:不必解释 number:数字键盘(无小数点) idcard:数字键盘(无小数点.有个 X 键) digit:数 ...
复习微信小程序input组件和wxss样式写法。
Input组件输入框组件(参考小程序文档)写的相当清楚.. <view><text>请输入第一个数字</text><input type='number'v ...
微信小程序input组件
输入框:该组件是原生组件,使用的时候要注意相关的设置 value:类型字符串输入框的初始内容 type:类型字符串 input类型属性值:text 文本输入键盘 number 数字输入键盘 i ...
小程序 input首行缩进失效
.search>input{text-indent:40rpx //失效padding-left: 40rpx; //偏方解决 }

Taro小程序 Input组件focus属性失效解决方案

Taro小程序 Input组件focus属性失效解决方案相关推荐

最新文章

热门文章