vue动态设置Iview的多个Input组件自动获取焦点

1、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 : '在这里描述你的详细内容…'" />

 

2、js控制,必须放在this.$nextTick里面才能控制,Input如果是for循环出来的,则必须用replyBox[0]才能获取当前的textarea

 

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

 

上一篇:await和$nextTick的使用


下一篇:nextTick 和 setImmediate