Vue3中v-for循环动态设置img的src属性无法找到图片问题

  • useImage.js
// 获取assets静态图片
export const getAssetsImge = name => {
return new URL(`../assets/images/app_img/${name}`, import.meta.url).href;
};
  • 使用
tabs = [
{
link: undefined,
pathName: 'MicroCoop', // 直接使用图片名称作为 getAssetsImge的入参
path: '/manage/microCoop',
count: 0,
thumbnail: iconAppmarket,
},
]
// 核心代码
<div class="card-container" v-for="(app, index) in appData" :key="index">
<img class="fuxi-img"
:src="getAssetsImge(app.imgUrl)"
@click="blankNewPage(app.name)"
alt="">
<span class="title-name-1">{{app.name}}</span>
</div>
posted @   Felix_Openmind  阅读(1003)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
历史上的今天:
2023-03-02 Vue2中EventBus总线使用
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示