document.getElementsByClassName(“iframe-top“) 获取为undefined或为空数组 ，拿不到想要的元素

1.如图所示：

2.HTML 举例代码：

<div
        v-for="(item, index) in categoryList"
        :key="index"
>
    <div class="iframe-top"> {{ item }} </div>
</div>

当你在不同生命周期里打印 

console.log("iframe-top", document.getElementsByClassName("iframe-top"));时

你会发现拿不到你想要的元素。

3.解决方法：

在接口获取要遍历的数组后面写一个定时器打印，需要异步处理。

接口返回 data:
 this.categoryList = data;
let timer = setTimeout(() => {
    console.log("iframe-top",
       document.getElementsByClassName("iframe-top")
   );
  clearTimeout(timer);
});

就可以拿到想要的元素了：