vuejs 获取不到dom怎么办

2021-11-04 12:18:41 IT技术网 互联网
浏览

vuejs获取不到dom的解决办法:1、打开相应的js文件;2、在获取页面元素的外层套上“this.$nextTick”即可获取到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怎么办的详细内容,更多请关注dnjidi.com其它相关文章!