实现自动唤起键盘

方式一（推荐）
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('Works.common.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);
},

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

input获取焦点vue_在Vue中输入框自动获取焦点的三种方式
原生JS操作DOM 使用mounted钩子函数,它表示页面一加载进来就执行函数里面的内容(和window.onload类似) 1 //html部分编号: //vue对象 var vm = new V ...
在vue中使用鼠标事件@mousedown、@mouseenter等失效的解决办法，以及PC端长按实现
问题解决 @mouseenter.@mousedown等鼠标事件[非鼠标点击事件]时,发现事件不触发,失效了此时应该在@mouseenter.@mouseenter等鼠标事件加上native属性就好 ...
Vue中关于自定义组件定义@click事件不生效的解决办法
.native修饰符 -- 侦听组件根元素上的原生事件当你给一个vue组件或者是自定义组件绑定事件的时候,要加上native,如果是普通的html元素,就不需要比如:如果使用router-link ...
python2发送http不编码_[转]Python 2.x中常见字符编码和解码方面的错误及其解决办法...
Python 2.x中的字符编码,设计的的确不好,导致初学者,甚至是即使用Python很长时间的人,都会经常遇到字符编解码方面的错误. 下面就把一些常见情,尽量的都整理出来,并给出相应的解决办法. 看 ...
Linux系统中，python需要import上一级目录文件的解决办法
Linux系统中,python需要import上一级目录文件的解决办法在import前添加代码: import sys import os sys.path.append(os.path.abspa ...
html5移动端加载闪屏解决办法
html5移动端加载闪屏解决办法,其实很简单,给加一个加载过程动画效果就可以了,这样就不会出现闪屏效果,看起来与APP效果基本上是一样的了. 在<body>的下面加一个DIV层 <d ...
vue+cesium cesium数据量太大导致浏览器卡顿解决办法
vue+cesium cesium数据量太大导致浏览器卡顿解决办法解决方案 : 不要把任何的cesium对象放在data中监听,因为在data中的变量 , vue会劫持数据 , 导致迟缓. 解 ...
eclipse下编写android程序突然不会自动生成R.java文件和包的解决办法
eclipse下编写android程序突然不会自动生成R.java文件和包的解决办法我的eclipse原来是好好的,什么问题都没有的,结果今天一打开新建一个android程序,发现工程里不会自动生成 ...
eclipse android 不会自动生成R.java文件和包的解决办法
eclipse下编写android程序突然不会自动生成R.java文件和包的解决办法我的eclipse原来是好好的,什么问题都没有的,结果今天一打开新建一个android程序,发现工程里不会自动生成 ...

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

实现自动唤起键盘

案例

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

最新文章

热门文章