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

来源:4-4 歌手详情页 MusicList 组件功能交互优化(01)

柳暗花明5555629

2021-11-18

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

写回答

3回答

那个少年长大了

2022-05-24

.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
0

吃猫De鱼

2022-05-27

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

0
0

ustbhuangyi

2021-11-18

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

0
2
ustbhuangyi
回复
下山化缘的小和尚
因为这个高度并不是靠背景图撑高的,它本身的样式就已经把高度撑开了,建议对比一下 CSS 以及 bgImageStyle
2021-12-03
共2条回复

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ,提升的不止是Vue代码能力

2225 学习 · 1002 问题

查看课程