ImageView中的:style="{ height }"没生效额

Question

教程源码里的动态设置img高度没生效 是哪的问题呢？

Answer 1

扬_灵 2020-05-13 09:18:18

同学你好，这个height是根据父组件传递的值决定的，如果父组件中没有传递height才会使用默认值‘auto'你可以看一下在父组件调用是有没有传递height

• 提问者 精慕门517421 #1

  父组件里已经加上height参数了 
  <ImageView height="50px" :src="func.cover"
              ></ImageView>
  通过问题里的第一个图片也可以看出来，默认图和上层的div的height已经是50px了，只是第一个img高度不是50px

• 扬_灵 回复 提问者 精慕门517421 #2

  同学你好，这是因为我们设置了mode="widthFix"的原因，官方的说明如下：
  widthFix 宽度不变，高度自动变化，保持原图宽高比不变
  理论上，无论什么情况下，宽高比都不应该变化的，图片都应该正常的。但是，在widthFix实际进行自适应高度的时候是需要有参照物的，这个参照物便是父容器的剩余高度与空间，如果想要让图片变成自己设置的高度，可以把mode的模式去掉，但是这个时候图片就不会保持原来的宽和高，可能会变形

• 提问者 精慕门517421 回复 扬_灵 #3

  谢谢，说到点上了

Answer 2

提问者 精慕门517421 2020-05-13 10:02:39

另外能留下微信或QQ吗？方便交流下