vue input得到焦點時實現選中文本


在vue中,有時候我們在點擊input框時,為了用戶的體驗,我們有時候需要得到焦點的同時選擇所有的文本,查了一些文檔,總結一些,方便以后使用,也希望能幫到你們!

以elemen-ui2.0以上為例,因為2.0以下不支持focus事件

<el-input-number v-model="num1" @focus="focus($event)" :min="1" :max="10" label="描述文字"></el-input-number>

獲得焦點調用focus事件,然后把event傳進去,調用select()選中文本
focus(event) {
     event.currentTarget.select();
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM