vue 加载图片不显示

解决vue加载图片不显示问题

加载图片前边加上require
require通常用于引入静态资源,如图片、样式文件等。

复制代码
 navList: [
        { title: "大盘行情", imgSrc: require ("../../public../../public/imgs/nav1.png") , linkto: "" },
        { title: "股票组合", imgSrc: "../../public/imgs/nav2.png", linkto: "" },
        { title: "股票开户", imgSrc: "../../public/imgs/nav3.png", linkto: "" },
        { title: "选股攻略", imgSrc: "../../public/imgs/nav4.png", linkto: "" },
        { title: "指数选基", imgSrc: "../../public/imgs/nav5.png", linkto: "" },
        { title: "基金组合", imgSrc: "../../public/imgs/nav6.png", linkto: "" },
        { title: "私募基金", imgSrc: "../../public/imgs/nav7.png", linkto: "" },
        { title: "基金必看", imgSrc: "../../public/imgs/nav8.png", linkto: "" },
      ],

如果用v-for循环发现少图片怎么办?

解决方法:图片不再那就给它一个默认的图片加载进去

复制代码
 :icon="item.imgSrc || `/imgs/nav${i + 1}.png`" 
相关推荐
excel1 天前
为什么在 Three.js 中平面能产生“起伏效果”?
前端
excel1 天前
Node.js 断言与测试框架示例对比
前端
天蓝色的鱼鱼1 天前
前端开发者的组件设计之痛:为什么我的组件总是难以维护?
前端·react.js
codingandsleeping1 天前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
石金龙1 天前
[译] Composition in CSS
前端·css
白水清风1 天前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
Ticnix1 天前
函数封装实现Echarts多表渲染/叠加渲染
前端·echarts
用户22152044278001 天前
new、原型和原型链浅析
前端·javascript
阿星做前端1 天前
coze源码解读: space develop 页面
前端·javascript
叫我小窝吧1 天前
Promise 的使用
前端·javascript