首页 前端知识 【vue 的el-input自动获取焦点】( 登录页 )

【vue 的el-input自动获取焦点】( 登录页 )

2024-04-05 09:04:36 前端知识 前端哥 948 964 我要收藏

el-input是element UI的一个输入框组件, 可以通过自定义指令来实现el-input的焦点,

 下面是两种实现方式 ,喜欢那个用哪个!!!

1、使用指令 v-focus

<el-input  v-focus ></el-input>

  Vue.directive('focus', {
        inserted: function (el) {
        el.querySelector('input').focus()
  }

})

2、使用指令 v-el-fous

<el-input  v-el-fous></el-input>

Vue.directive(' el-focus ', {
  inserted: function (el) {
    el.focus()
  }
})

两种方法都可以实现焦点问题  

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4487.html
标签
评论
发布的文章

java解析超大json文件数据

2024-04-19 21:04:10

头歌-JavaScript基础

2024-04-19 21:04:54

C#Json序列化及反序列化

2024-04-19 21:04:40

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!