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>
学而不思则罔,思而不学则殆!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
2023-03-02 Vue2中EventBus总线使用