現在的流程中，在首頁輸入暱稱之後換頁，習慣上我們應該一進入聊天室就會直接開始對話，可是目前換頁之後就不會focus在input上，今天就要來做一進入聊天室就自動focus在input上～
一樣要用到ref抓到input
<div class="msg_input">
user:project $
<input
type="text"
v-model="msg"
ref="textInput"
@keyup.enter="keyHandler"
/>
</div>
然後就可以用$refs抓到他，所以我們在mounted這裏直接focus
mounted() {
this.$refs.textInput.focus()
}
這樣就可以在進入聊天室就立刻開始對話嚕～
首頁也可以這樣設～
我翻舊扣看
iThome鐵人賽
看影片追技術