请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

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

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

正在回答 回答被采纳积分+3

3回答

那个少年长大了 2022-05-24 23:37:43
.bg-image {    
      position: relative;    
      width: 100%;
      height:0;
      padding-top:70%;    
      transform-origin: top;    
      background-size: cover;

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

2 回复 有任何疑惑可以回复我~
吃猫De鱼 2022-05-27 10:40:43

https://img1.sycdn.imooc.com//szimg/629039ad0967474a15200438.jpg本来我的也是这个问题,后来在老师讲的课里面的这里找到了结果,在CSS里面加上这一行就行

0 回复 有任何疑惑可以回复我~
ustbhuangyi 2021-11-18 11:30:16

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

0 回复 有任何疑惑可以回复我~
  • 这个钩子拿到的背景图片可以在控制台样式找到,但是渲染就是clientHeight = 0,我这里也是同样的0效果。
    回复 有任何疑惑可以回复我~ 2021-12-03 11:36:47
  • 因为这个高度并不是靠背景图撑高的,它本身的样式就已经把高度撑开了,建议对比一下 CSS 以及 bgImageStyle
    回复 有任何疑惑可以回复我~ 2021-12-03 13:30:02
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信