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元素，影响页面渲染：

页面是这样的

然后之前是这么获取的： 

1.  
   const inputFocus = i => {
2.  
   nextTick(() => {
3.  
   setTimeout(() => {
4.  
   document.getElementsByTagName('input')[i].focus()
5.  
   })
6.  
   })
7.  
   }

因为页面中除了我需要聚焦的内容列表中有input,筛选框也有个，所以这样获取不够精确，应该获取包裹着所需获取的input的div的class名去找input即可；

1.  
   setTimeout(() => {
2.  
   document.getElementsByClassName('inputBox')[i].getElementsByTagName('input')[0].focus()
3.  
   })

这篇好文章是转载于：学新通技术网