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

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()})

总结

以上是内存溢出为你收集整理的vue动态设置Iview的多个Input组件自动获取焦点全部内容，希望文章能够帮你解决vue动态设置Iview的多个Input组件自动获取焦点所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。