局部

 directives: {
      // 注册一个局部的自定义指令 v-focus
      focus: {
        // 指令的定义
        inserted: function (el) {
          // 聚焦元素
          el.querySelector('input').focus()
        }
      }
    },

全局 main.js

// 注册全局v-focus指令
Vue.directive('focus', {
  inserted: function (el) {
    el.querySelector('input').focus()
  }
})

 

使用

v-focus

 

posted on 2022-03-22 10:58  1161588342  阅读(483)  评论(0编辑  收藏  举报