在vue的SweetAlert2模式中引用图像

Question

我有一个sweetAlert2模式，我想在它里面使用一个图像，但是我引用了一个像src=“./assets/img/cry.png”或src=“../assets/img/cry.png”这样的img，它不会显示出来，但在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,
});