vue 输入框获取焦点

1)输入框给一个v-focus属性:


2)自定义获得焦点指令:

 directives: {
        focus: {
            // 指令的定义
            inserted: function(el) {
                el.focus();
            }
        }
    },

3)点击事件触发聚焦

this.$nextTick( () => {
        this.$refs.searchInput.focus();
  })
完整代码:

      



                    
                    

你可能感兴趣的:(输入框获取焦点)