vue中控制input獲取焦點


遇到一個任務需要實現直接點擊內容來編輯,光標離開Input就保存內容

 

點擊內容實現下面這種獲取點擊表格內input光標

 

 

 我找了下,有ref和自定義指令兩種,我選了比較適合的ref來操作

ref在循環外和循環中被獲取到的是兩種狀態,當有多個ref相同時,通過this.$refs.ref獲取循環外的ref只會獲取到最后一個元素,在循環中會獲取到所有相同ref元素的數組。

所以我給了所有input相同的ref再通過點擊使用index來使目標input獲取焦點:this.$refs.ref[index].focus(),這樣就解決了最大的難題。


免責聲明!

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



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