HTMLCollection有length属性，但是js调用时length为0的问题

有时候通过

  let goodsList = this.$refs.goodsWrapper.getElementsByClassName('goods-list-hook')
console.log(goodsList)
console.log(goodsList.length)
console.log(typeof goodsList)

image.png

这里获取到的是个伪数组,渲染之前打印的这个数组，看到的是渲染后的数据，通俗的讲，就是这个dom结构还没加载完，js就执行了，解决办法就等dom结构加载完成后再去获取这个数组
vue中使用this.$nextTick(()=>{})来获取即可