在mounted钩子函数里，是拿不到实例的，为啥老师你的代码里却可以拿到。this.$refs.bgImage.clientHeight的数值是0

Question

在mounted钩子函数里，是拿不到实例的，为啥老师你的代码里却可以拿到。this.$refs.bgImage.clientHeight的数值是0

Answer 1

那个少年长大了 2022-05-24 23:37:43

1 2 3 4 5 6 7

.bg-image {           position: relative;           width: 100%;       height:0;       padding-top:70%;           transform-origin: top;           background-size: cover;

老师的github中的css少了 height:0 和 padding-top:70%  自己加上就好了

Answer 2

吃猫De鱼 2022-05-27 10:40:43

本来我的也是这个问题，后来在老师讲的课里面的这里找到了结果，在CSS里面加上这一行就行

Answer 3

ustbhuangyi 2021-11-18 11:30:16

mounted 钩子里为啥拿不到实例？

• 下山化缘的小和尚 #1

  这个钩子拿到的背景图片可以在控制台样式找到，但是渲染就是clientHeight = 0，我这里也是同样的0效果。

• ustbhuangyi 回复 下山化缘的小和尚 #2

  因为这个高度并不是靠背景图撑高的，它本身的样式就已经把高度撑开了，建议对比一下 CSS 以及 bgImageStyle