html
<div class="image-header">
<img :src="imgFoodUrl+food.image_path" alt="">
</div>
css
.image-header{
position:relative;
width:100%;
height:0;
padding-top:100%;
img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
}
padding设置百分百是根据宽度设置的