微信小程序-动态设置图片的高度

1.在index.wxml文件中:给图片绑定一个图片加载完成的方法:
bindload=“onImageLoad” class=“img” src="{{data.img}}">
2.index.js文件中实现onImageLoad方法动态获取图片的高度
methods: {
onImageLoad:function (event) {
const {height,width}=event.detail
this.setData({
w:340,
h:height/width*340
})
}
}
3.在index.wxml中给image控件设置style属性:
style=“width: {{w}}rpx;height: {{h}}rpx” class=“img” src="{{data.img}}">

你可能感兴趣的:(小程序)