Uncaught TypeError: Cannot read properties of undefined (reading ‘focus‘)

我的页面是有个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()
                })