700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Vue中输入框自动获取焦点-移动端ios不能唤起键盘解决办法

Vue中输入框自动获取焦点-移动端ios不能唤起键盘解决办法

时间:2018-05-02 14:58:44

相关推荐

Vue中输入框自动获取焦点-移动端ios不能唤起键盘解决办法

实现自动唤起键盘

方式一(推荐)this.$nextTick(() => {this.$refs.input.focus()})方式二setTimeOut(()=>{this.$refs.input.focus()}, 500)

键盘唤起

延时时间不能过短,因为有页面重新渲染效果,延时时间过短会导致延时不在生效!

该方法在ios中不可用,因为ios为了保护安全,可能会禁止自动获取输入框focus方法

案例

<div class="right"><div class="searchbtn" v-show="!isSearchbtn" @click="searchBtn"><img class="searchimg" src="@/assets/images/search.png" /></div><div class="search" v-show="isSearchbtn"><inputtype="text":placeholder="$t('mon.search')"v-model.trim="submit.keyword"autofocusref="searchtxt"@keyup.enter="reloadList"/><imgsrc="@/assets/images/search.png"alt="search"@click.enter="reloadList"/></div></div></div>// 搜索searchBtn(k = true) {this.isSearchbtn = k;this.$nextTick(() => {this.$refs.searchtxt.focus();});// setTimeout(() => {// this.$refs.searchtxt.focus();// }, 500);},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。