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 modal，或者至少我怎么知道sweetalert2 modal加载的路径是什么。这是我尝试的最后一条路径的 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找到图片的正确路径？

1 个答案: