采纳答案成功!
向帮助你的同学说点啥吧!感谢那些助人为乐的人
在mounted钩子函数里,是拿不到实例的,为啥老师你的代码里却可以拿到。this.$refs.bgImage.clientHeight的数值是0
.bg-image { position: relative; width: 100%; height:0; padding-top:70%; transform-origin: top; background-size: cover;
老师的github中的css少了 height:0 和 padding-top:70% 自己加上就好了
本来我的也是这个问题,后来在老师讲的课里面的这里找到了结果,在CSS里面加上这一行就行
mounted 钩子里为啥拿不到实例?
这个钩子拿到的背景图片可以在控制台样式找到,但是渲染就是clientHeight = 0,我这里也是同样的0效果。
因为这个高度并不是靠背景图撑高的,它本身的样式就已经把高度撑开了,建议对比一下 CSS 以及 bgImageStyle
登录后可查看更多问答,登录/注册
慕课网明星讲师黄轶深度讲解 Vue3.0 ,提升的不止是Vue代码能力
1.1k 3
497 23
2.8k 15
1.0k 14
1.2k 13