日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

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

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新