04月26日,2022
472 views

vue中自定义指令directives的用法，例如通过自定义指令实现的表单自动获得光标的操作

通过自定义指令实现的表单自动获得光标的操作，或者当页面加载时，该元素将获得焦点 
  directives: {
    // 通过自定义指令实现的表单自动获得光标的操作
    focus: {
      inserted: function(el) {
        if (el.tagName.toLocaleLowerCase() === 'input') {
          el.focus()
        } else {
          if (el.getElementsByTagName('input')) {
            el.getElementsByTagName('input')[0].focus()
          }
        }
        el.focus()
      }
    }
  },
htm中使用 
 <el-input v-focus size="small" />

本文链接：https://www.liaonian.com.cn/info_22.html

-- EOF --

作者 了念 发表于04月26日,2022，添加在分类 前端 下 ，并被添加「 在使用vue进行软件项目开发时候，需要额外的自定义指令。通过自定义指令实现的表单自动获得光标的操作，或者当页面加载时，该元素将获得焦点 」标签 ，最后修改于 2022-04-26 14:32:08