Как изменить размер изображения в VUE

Question

Я загружаю изображение из nodejs в vue И помещаю изображение в v-card

Но изображение обрезается

Как изменить размер изображения, не обрезая?

Answer 1

Использовать атрибут «содержать» в 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 для получения дополнительной информации

Answer 2

посмотрите этот сайт.практиковаться шаг за шагом https://www.npmjs.com/package/vue-image-upload-resize