• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

定义全局的输入框获取焦点指令v-focus

开发技术 开发技术 4小时前 1次浏览

1、在main.js中添加如下代码

/**
 * 定义全局的输入框获取焦点指令
 */
 Vue.directive('focus', {
  inserted: function (el) {
    el.querySelector('input').focus()
  },

2、在代码中加上v-focus

<el-form-item label="数据源用户名:">
        <el-input v-model.trim="listQuery.username" clearable v-focus></el-input>
      </el-form-item>

效果如下:

定义全局的输入框获取焦点指令v-focus

 


程序员灯塔
转载请注明原文链接:定义全局的输入框获取焦点指令v-focus
喜欢 (0)