vue中如何调整图片大小

vue中如何调整图片大小

本文介绍了vue中如何调整图片大小的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我从nodejs上传图片到vue并将图片放入v-card

I upload image from nodejs to vueAnd put the image in v-card

但是图片被截断了

如何通过不剪切来调整图像大小?

how to resize the image by not cutting?

推荐答案

在 v-img 中使用 'contain' 属性

Use 'contain' attribute in v-img

<v-img src="/picture.png" alt=""
    contain    <!-- causes picture not to be cropped -->
    height="100px"
    width="150px">
</v-img>

检查 https://vuetifyjs.com/en/components/images#api了解更多信息

这篇关于vue中如何调整图片大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-31 06:50