首页  >  文章  >  web前端  >  vuejs 获取不到dom怎么办

vuejs 获取不到dom怎么办

藏色散人
藏色散人原创
2021-11-04 11:40:163752浏览

vuejs获取不到dom的解决办法:1、打开相应的js文件;2、在获取页面元素的外层套上“this.$nextTick”即可获取到DOM元素。

vuejs 获取不到dom怎么办

本文操作环境:Windows7系统、Vue2.9.6版、DELL G3电脑

vuejs 获取不到dom怎么办?

Vue -- 动态渲染的数据在页面获取不到DOM元素

问题:

通过后台接口获取的数据,在页面中正常显示,但获取不到DOM元素(可以console出,但获取不到子元素)

this.$nextTick之前

614262f976b72e0015d869bdadd5af8.png

解决办法如下

在获取页面元素的外层套上this.$nextTick

this.$nextTick(function(){
      var imgs = this.$refs.imgs;
      console.log("imgs",imgs);
      console.log("imgs[0]",imgs[0]);
})

this.$nextTick之后

55025467a987f79d4d1ac7b8f8d1390.png

推荐学习:《最新的5个vue.js视频教程精选

以上是vuejs 获取不到dom怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn