[Vuetify]v-text-field focus 鎖在輸入框

Source:
Vuetify Focus with v-for (codepen.io)
v-text-field API — Vuetify (vuetifyjs.com)

#autofocus 可以在元件render出來時 預設將滑鼠鎖在輸入框

手動控制:

重點在綁定ref (取某個 Dom 的資訊)

this.$refs 找綁定的ref 讓其focus

更多ref用法:

vue中ref($refs)用法和作用 — 简书 (jianshu.com)

[Vue.js] 操作或取得 DOM 的資訊- ref ($refs)用法 | 文章 | DeTools 工具死神 (wingzero.tw)

這邊主要分享自己查資料找不到的資訊,若之後有人遇到相同的問題便可省去不少時間。