vue3 图片的使用 require

我使用图片的时候发现图片并没有出现：(图片位于

src/assets

目录下)(

@

符号通常是用作别名，指向项目的根目录。)

<span style="color:#abe338">&quot;@/assets/zhuifeng_banner3.png&quot;</span>

代码段是这样：

pictures: [
{ imageUrl: <span style="color:#abe338">&quot;path/to/image1.jpg&quot;</span> },
{ imageUrl: <span style="color:#abe338">&quot;path/to/image2.jpg&quot;</span> },
{ imageUrl: <span style="color:#abe338">&quot;path/to/image3.jpg&quot;</span> },
],

解决：需要修改格式例如这样：

data() {
return {
pictures: [
{ imageUrl: require("@/assets/image1.jpg") },
{ imageUrl: require("@/assets/image2.jpg") },
{ imageUrl: require("@/assets/image3.jpg") },
],
swiper: null
};
},