如何使用 sweetalert2 和 vue2 找到图像的正确路径？

Question

我正在做一个项目并试图制作一个带有图像的模态，但图像从未出现过。我已经尝试了所有可能的路径和 fs 之类的一些功能，但什么也没有。我的项目结构是这样的：

-main
    |-dist
    |-node_modules(sweetalert2 ubication)
    |-public
    |-src
         |-App.vue
         |-main.js
         |-assets -(where is the image "img.jpg")
         |- ...
         |- ...
         |-views
                |-...(some views.vue)
                |-myView.vue

在 myView.vue 我使用 $swal.fire 并尝试使用 imageUrl 插入图像但只获取图像的 alt。我如何才能将此图像添加到 sweetalert2 模态，或者至少我怎么才能知道加载 sweetalert2 模态的路径是什么。这是我尝试的最后一条路径的 sweetalert2 模态选项：

var options = {
        title: "¿Seguro que quiere eliminar el activo?",
        imageUrl: "../assets/papelera.jpg",
        imageHeight: "100px",
        imageAlt: "papelera",
        text: "Una vez eliminado desaparecerá el presupuesto que haya realizado sobre ese activo.",
        showConfirmButton: true,
        showCancelButton: true,
        cancelButtonText: "Cancelar",
        confirmButtonText: "Borrar"
      };

Answer 1

在我提出问题后一秒钟我找到了答案，使用 require(../assets/img.jpg) 它工作正常。

如何使用 sweetalert2 和 vue2 找到图像的正确路径？

How to find the correct path for images using sweetalert2 and vue2?

path

vue.js

sweetalert

vuejs2

sweetalert2