学无先后,达者为师

网站首页 编程语言 正文

el-input自动获取焦点并选中值

作者:前端开心果 更新时间: 2023-07-31 编程语言

elementUI中的输入框 el-input 自动获取焦点并选中输入框里面的值
实现方式:使用自定义指令实现
在这里插入图片描述

<el-input type="text" ref="inputName" v-model="name" v-focus></el-input>
directives: {
  focus: {
    inserted: el => {
      //因为el-input这是个组件,input外面被一层 div 包裹着
      //el打印出来是外面这个 div,需要找到内层的input
      el.querySelector('input').focus() // 获取焦点
      el.querySelector('input').select() // 选中文字
    }
  }
},

原文链接:https://blog.csdn.net/qq_38157825/article/details/115916895

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新