javascript - Vuetify 问题：如何显示图像以在用户浏览器上启用“图像另存为”？

Question

我有一个 vuejs 应用程序<v-img>用于向用户显示图像，但是当图像显示在浏览器上并且我使用鼠标右键获取选项时，我看不到在计算机或手机上保存图像的选项。如何在您的设备上向用户显示图像最容易保存图像？

实际上，我已将图像保存在 Firebase 上并显示路径。

 <v-dialog v-model="showReceiptDialog" max-width="90%" max-height="90%">
      <v-img align="center" :src="urlReceiptFile" v-on:error="onImgError">
        <v-btn style="left: 0px; position: fixed;" @click="showReceiptDialog = false">
          <v-icon>close</v-icon>
        </v-btn>
      </v-img>
    </v-dialog>

实际行为：

标签： javascripthtmlvue.jsvue-componentvuetify.js