1)输入框给一个v-focus属性:
<input ref="searchInput" v-focus>
2)自定义获得焦点指令:
directives: {
focus: {
// 指令的定义
inserted: function(el) {
el.focus();
}
}
},
3)点击事件触发聚焦
this.$nextTick( () => {
this.$refs.searchInput.focus();
})
完整代码:
<input
@keyup="searchGame"
ref="searchInput"
v-focus
class="game__search-input"
type="text"
placeholder="搜索"
v-model="searchGameName">
<div @click="handleKey" class="game__pop-key-search"></div>
<script>
export default {
name: 'SelectGame',
components: {},
data() {
return{
searchGameName: '', // 搜索名