vue怎么用原图

1. <template>
    <img :src="originalImageUrl" alt="Original Image">
   </template>
   

使用CSS背景图像： 如果你想要在CSS中使用背景图像，可以使用background-image属性，并确保不设置背景大小，这样背景图像会保持其原始尺寸。例如：

<style scoped>
.image-container {
 width: 100%; /* 或者其他尺寸 */
 height: auto; /* 保持原始比例 */
 background-image: url('path/to/your/image.jpg');
 background-size: auto auto; /* 不改变图片尺寸 */
}
</style>

然后，在模板中使用这个类：

<template>
 <div class="image-container"></div>
</template>

2. <template>
    <vue-cropper
      :img="originalImageUrl"
      :outputSize="1"
      :outputType="'jpeg'"
      :canScale="true"
      :autoCrop="true"
      :autoCropWidth="auto"
      :autoCropHeight="auto"
      :fixed="true"
      :fixedNumber="[1, 1]"
      :high="true"
      :info="true"
      :canMove="true"
      :canMoveBox="true"
      :original="true"
      :centerBox="true"
      :freeMove="true"
    ></vue-cropper>
   </template>
   

3. <template>
    <div class="images" v-viewer>
      <img :src="originalImageUrl" alt="Original Image">
    </div>
   </template>
   

请根据你的具体需求选择合适的方法。如果你需要更详细的指导或者有特定的功能要求，请提供更多的信息。