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`" 
相关推荐
一只一只妖1 小时前
突发奇想,还未实践,在Vben5的Antd模式下,将表单从「JS 配置化」改写成「模板可视化」形式(豆包版)
前端·javascript·vue.js
悟能不能悟4 小时前
js闭包问题
开发语言·前端·javascript
秋秋_瑶瑶4 小时前
vue-amap组件呈现的效果图如何截图
前端·javascript·vue-amap
LFly_ice5 小时前
学习React-9-useSyncExternalStore
javascript·学习·react.js
gnip5 小时前
js上下文
前端·javascript
中草药z5 小时前
【Stream API】高效简化集合处理
java·前端·javascript·stream·parallelstream·并行流
不知名raver(学python版)5 小时前
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR!
前端·npm·node.js
醉方休6 小时前
React中使用DDD(领域驱动设计)
前端·react.js·前端框架
excel6 小时前
📖 小说网站的预导航实战:link 预加载 + fetch + 前进后退全支持
前端