我的页面是有个v-for循环下又用到了v-if判断，v-if是直接加在input上的，然后又用到了聚焦事件focus，刚开始我一直以为是v-if导致的渲染问题，试了半天改成了v-show倒是也解决了问题。不过同事问题是因为查找对应的input失败导致的focus报错；v-show替换v-if会渲染大量不可见input元素，影响页面渲染：
页面是这样的
然后之前是这么获取的：
const inputFocus = i => {
nextTick(() => {
setTimeout(() => {
document.getElementsByTagName('input')[i].focus()
})
})
}
因为页面中除了我需要聚焦的内容列表中有input,筛选框也有个，所以这样获取不够精确，应该获取包裹着所需获取的input的div的class名去找input即可；
setTimeout(() => {
document.getElementsByClassName('inputBox')[i].getElementsByTagName('input')[0].focus()
})版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79137.html
