vue動態設置Iview的多個Input組件自動獲取焦點

一、html，經過ref=replyBox設置焦點元素，以便後續獲取

 

// 動態設定自動獲取焦點按鈕
<p class="text-right text-blue fts14 ptb10 pointer" @click="replySet(comment,comment,1,index)" v-if="comment.replyList && comment.replyList.length > 0">我要回復</p>
// textarea輸入框
<Input class="mb10" type="textarea" v-model="replyContent" ref="replyBox" :placeholder="beReplyName ? '@ ' + beReplyName : '在這裏描述你的詳細內容…'" />

 

二、js控制，必須放在this.$nextTick裏面才能控制，Input若是是for循環出來的，則必須用replyBox[0]才能獲取當前的textarea

 

this.$nextTick(()=>{
    this.$refs.replyBox[0].focus()
})