vue自定义指令

// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

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

在模板中使用：

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

推荐阅读更多精彩内容

  • Vue自定义指令
    vue官方文档中介绍了两种自定义指令的方法：全局自定义和局部自定义。 全局自定义组件可以在main.js中直接注册...
    Erric_Zhang阅读 413评论 2赞 1
  • Vue——自定义指令
    自定义指令 Vue.js已经为我们提供了很多默认的指令，例如：v-for、v-if、v-bind、v-on等，这些...
    懒人成长阅读 1,087评论 0赞 2
  • vue自定义指令
    >> 阅读官网 当页面加载时，元素将获得焦点 (注意：autofocus 在移动版 Safari 上不工作)。事实...
    竹小星阅读 449评论 2赞 3
  • vue自定义指令
    除了内置的指令外，Vue 也允许注册自定义指令。 vue用Vue.directive(id,definition)...
    G_石头阅读 421评论 0赞 0
  • 有感于姚智明教改示范课《合并同类项》
    有感于姚智明教改示范课《合并同类项》 先行复习提问， 引导学生入门。 锁定目标“同类项”， ...
    千里马会军阅读 336评论 0赞 0