【小程序】uni-app input IOS无法自动聚焦

最新推荐文章于 2024-06-18 22:27:44 发布

原创最新推荐文章于 2024-06-18 22:27:44 发布 · 2.4k 阅读

4 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种在网页应用中实现评论输入框自动显示并获得焦点的方法，通过Vue.js的特性结合setTimeout函数，实现了输入框在显示后立即获得焦点的效果。

先执行输入框显示，再执行focus

<view class="comment-input-wrap" :style="{display:(isShowCommentPanel?'block':'none')}" @click.stop>
	<input type="text" :focus="inputFocus" placeholder="请输入评论">
</view>

/**
* 展开评论输入框面板
*/
openCommentPanel(){
    this.$set(this,'isShowCommentPanel',true);
    setTimeout(()=>{
         this.$set(this,'inputFocus',true);
    },200)
}