Vue取得div节点中的子组件出现的坑(childNodes,nextTick)

原创
小哥 3年前 (2022-11-16) 阅读数 10 #大杂烩

今天,我遇到了一个更奇怪的问题,那就是mounted中使用

var oUl = document.getElementById("tbody");
console.log(oUl.childNodes);

从图中可以看出, 长度为7, 但我写完之后

console.log(oUl.childNodes[0]);

时间变成了undefined的了, 并且childNodes.length也是0

所以我用了它

this.$nextTick (function()  {
        console.log(oUl.childNodes[0]);
    });

这样他可以正常显示, 这太离谱了, 我想了想mounted已在中获得childNodes就不用nextTick了, 我没想到已经获得了,然后又获得了childNodes长度本身不好。

最后, 尽管问题已经解决, 然而,我仍然不太明白其中的原因。我希望有更多的老板给我建议。

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除