将 v-img 拖到另一个应用程序

Question

我正在尝试让我的图像可以在另一个应用程序中拖动，例如 google 或另一个网站。例如，如果我将 google 中的图像拖放到 Word 文档中，它会复制它的 link，而某些 Web 应用程序会显示该图像；行为取决于应用程序。 但问题是我的 v-img 甚至不打印 link，它什么都不做。

这是我的代码：

                  <v-card v-if="chunk.length >= i">
                        <template v-if="activeTab === 'Comments'">
                            <v-card-title class="justify-center">{{ chunk[i-1] }}</v-card-title>
                        </template>
                        <template v-else-if="activeTab === 'Images'">
                            <v-img
                                :src="getImgUrl(chunk[i-1])"
                                width="500"
                                contain
                                draggable="true"
                            />
                        </template>
                        <v-card-actions>
                            <v-col>
                                <v-btn
                                    color="#138ed3"
                                    block
                                    dark
                                > 
                                    Share
                                </v-btn>
                            </v-col>
                            <v-col>
                                <v-btn
                                    color="#ffcd00"
                                    block
                                    dark
                                >
                                    Save
                                </v-btn>
                            </v-col>
                        </v-card-actions>
                    </v-card>

如您所见，我已经尝试了“可拖动”选项，但没有用。

有什么我遗漏的吗？

Answer 1

v-img 的问题在于它将图像呈现为背景（使用 CSS 样式 background-image）而不是 IMG 标签。显然，CSS背景不支持拖动。