遇到一個任務需要實現直接點擊內容來編輯,光標離開Input就保存內容
點擊內容實現下面這種獲取點擊表格內input光標
我找了下,有ref和自定義指令兩種,我選了比較適合的ref來操作
ref在循環外和循環中被獲取到的是兩種狀態,當有多個ref相同時,通過this.$refs.ref獲取循環外的ref只會獲取到最后一個元素,在循環中會獲取到所有相同ref元素的數組。
所以我給了所有input相同的ref再通過點擊使用index來使目標input獲取焦點:this.$refs.ref[index].focus(),這樣就解決了最大的難題。