Vue脚手架之 input自动获取焦点全局设置自定义指令

最新推荐文章于 2025-03-04 14:30:05 发布

旭很不戳

最新推荐文章于 2025-03-04 14:30:05 发布

阅读量295

点赞数

分类专栏：设置全局指令文章标签： vue.js 前端框架前端

本文链接：https://blog.youkuaiyun.com/zx960103/article/details/119508163

版权

设置全局指令专栏收录该内容

4 篇文章

订阅专栏

import Vue from 'vue'
// 调用时直接在input或textarea标签上添加v-focus指令
Vue.directive('focus', {  //全局注册自定义指令
  inserted (el) {
    if (['INPUT', 'TEXTAREA'].indexOf(el.tagName) !== -1) {
      el.focus()
    } else {
      let node = el.querySelector('input')
      if (node) {
        node.focus()
        return
      }
      node = el.querySelector('textarea')
      if (node) {
        node.focus()
        return
      }
      throw new Error('请把v-focus指令用到input或textarea上')
    }
  }
})

直接放到main.js使用就可以