Vue获取input焦点

方法一:使用自定义事件

<script>
    export default{
        data(){
            return{

            }
        },
        directives: {
            focus: {
                // 指令的定义
                inserted: function (el) {
                    el.focus()
                }
            },
            color:{
                inserted(el,bind){
                    el.style.color = bind.value
                }
            }
        }
    }
</script>

方法二:使用js方法直接focus()

<input type="text" class="search-content" v-model="key" ref="content">

mounted:function () {
  var self = this;
  self.keyBorad();
  this.$nextTick(() => {
    self.$refs.content.focus();
  })
 },

注意:但是上述两种方法在苹果手机都不能获取焦点!!!暂未找到解决方法。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容