Vue输入框自动聚焦

全局注册

Vue.directive('focus', {
  inserted: function (el) {
    el.focus()
  }
})

局部注册

directives: {
  focus: {
    inserted: function (el) {
      el.focus()
    }
  }
}

使用

<input v-if="isShow" v-focus="isShow" type="text" >

注意

  1. 必须使用v-if显示隐藏
  2. 必须使用 input 标签
    参考
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,080评论 19 139
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,086评论 0 29
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,831评论 1 92
  • 01 “无人问我粥可温,无人与我立黄昏。”一个人,总喜欢在夜色渐浓的时候泛滥起...
    煮酒扯桑麻阅读 1,500评论 0 2
  • 一见钟情易效能:4月7日,当得知叶老师在悉尼有公开课,特别兴奋地前往聆听大师的时间管理。之前在喜马拉雅听过叶老师的...
    Yale在路上阅读 2,248评论 3 20