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

以上就是vuejs 获取不到dom怎么办的详细内容,转载自php中文网

点赞(478) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部