vue项目动态绑定img标签的资源地址(基于项目的地址)
<v-list v-show="!show"> <v-list-item-group v-model="model"> <v-list-item v-for="(item, i) in items" :key="i" > <v-list-item-icon class="ma-0 py-2"> <!-- <v-icon v-text="item.icon"></v-icon> --> <img :src="item.src" width="50px" alt="" /> <!-- <div class="img-box"></div> --> </v-list-item-icon> <v-list-item-content> <v-list-item-title class="pl-2"> <span class="pr-1">{{ item.text }}:</span> <span>{{ item.value }}</span> </v-list-item-title> </v-list-item-content> </v-list-item> </v-list-item-group> </v-list>
data() { return { show: true, items: [ { icon: 'mdi-inbox', text: '今日涉属地信息量', src: require('../../../assets/images/index_today.png'), value: '21' }, { icon: 'mdi-star', text: '今日全国热点总量', src: require('../../../assets/images/index_special.png'), value: '21' }, { icon: 'mdi-send', text: '今日涉属地热点信息量', src: require('../../../assets/images/index_hot.png'), value: '21' }, { icon: 'mdi-email-open', text: '今日涉属地舆情信息量', src: require('../../../assets/images/index_terr.png'), value: '21' } ], model: 1 }; },
解决办法:在数据data里面的变量绑定添加 require()就可以
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥