本文介绍了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中如何调整图片大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!