在 vue 中引用 SweetAlert2 模态中的图像

Question

我有一个 sweetAlert2 模态，我想在其中使用一个图像，但我要么像这样引用一个 img src="./assets/img/cry.png" 或 src="../assets/img/cry.png" 它不会显示，但在 vue 的其他部分，此 src 地址工作正常，我应该如何在 SweetAlert2 中引用它？

 this.$swal({
 title: '<div style="font-weight:bold;">sorry</div>',
 icon: 'error',
 confirmButtonText: 'Cool',
 position: 'top',
 backdrop: false,
 html:'<img  src="../assets/img/cry.png" style="width:128px;height:128px;">',
 })

Answer 1

是这样解决的：

const imagePath = require("@/assets/img/cry.png");

this.$swal({
title: '<div style="font-weight:bold;">sorry</div>',
showConfirmButton: false,
backdrop: false,
imageUrl: imagePath,
imageWidth: 100,
imageHeight: 100,
});

在 vue 中引用 SweetAlert2 模态中的图像

referencing images in SweetAlert2 modals in vue

vue.js

sweetalert2