当前位置： 首页 > news >正文

vue 加载图片不显示

news 2026/4/1 21:10:12

解决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`"

相关文章：

vue 加载图片不显示

解决vue加载图片不显示问题 加载图片前边加上require require通常用于引入静态资源，如图片、样式文件等。 navList: [{ title: "大盘行情", imgSrc: require ("../../public../../public/imgs/nav1.png") , linkto: "" },{ title: &q…...

编程日记 2023/9/2 19:24:36

Java for循环每次都通过list.size()和 string.length()获取大小性能

有人说在for循环之前用一个局部变量先获取到list.size()、str.length()，然后在for循环的判断条件里通过这个局部变量替换list.size()、str.length()会节省数据计算的时间。事实真的是这样吗？下面就为大家解答这个问题。 说明：此文章针对Andro…...

编程日记 2023/9/2 19:23:34

面试题 08.01. 三步问题

​​题目来源： leetcode题目，网址：面试题 08.01. 三步问题 - 力扣（LeetCode） 解题思路： 动态规划。1 阶楼梯 1 种走法，2 阶楼梯 2 种走法，3 阶楼梯 6 种类走法。假设有 n(n>3) 阶…...

编程日记 2023/9/2 19:22:33

springboot添加SSL证书，支持https与http

文章目录 一、添加ssl证书二、配置文件三、配置同时支持HTTPS与HTTP四、启动 一、添加ssl证书 将证书文件放在/resource目录下 二、配置文件 修改配置文件 server:ssl:# 指定保存SSL证书的秘钥存储的路径key-store: classpath:dev.cobona.cn.pfx# 访问秘钥存储的密码key-store-…...

编程日记 2023/9/2 19:21:32

【AI】《动手学-深度学习-PyTorch版》笔记（二十）：图像增强、微调

AI学习目录汇总 1、图像增强 图像增强可以扩展训练样本数量、减小对某个属性的依赖。比如，裁剪图像，可以减少模型对对象出现位置的依赖；调整亮度、颜色等因素来降低模型对颜色的敏感度等 1.1、准备工作 头文件 %matplotlib inline：图表直接嵌入到Notebook中，本人使用的…...

编程日记 2023/9/2 19:20:31

Vulnhub: Ragnar Lothbrok: 1靶机

kali：192.168.111.111 靶机：192.168.111.226 信息收集 端口扫描 nmap -A -sC -v -sV -T5 -p- --scripthttp-enum 192.168.111.226 作者提示修改hosts文件 目录爆破 gobuster dir -u http://armbjorn -w /usr/share/wordlists/dirbuster/directory-l…...

编程日记 2023/9/2 19:19:29

Ubuntu 20.04 Server配置网络

0，环境 服务器： Intel(R) Xeon(R) Gold 6248R CPU 3.00GHz 96核 网卡： 多网卡 1， 镜像下载 http://old-releases.ubuntu.com/releases/ubuntu-20.04.1-desktop-amd64.iso 2， 系统安装--具体步骤就不贴出来&#…...

编程日记 2023/9/2 19:18:27

jmeter 线程组

在jmeter中，通过指定并发数量、启动延迟时间和持续时间，并组织示例（Samplers）在多个线程之间的执行方式，实现模拟并发用户的行为。 添加线程组： 在测试计划中，右键点击“添加” -> “Thread…...

编程日记 2023/9/2 19:16:21

springboot集成logback

1、引入maven依赖 <!--logback日志--><dependency><groupId>ch.qos.logback</groupId><artifactId>logback-classic</artifactId><version>1.2.3</version></dependency>2、再resource下面新建一个文件名称为 logback-s…...

编程日记 2023/9/2 19:15:18

【从互联网商业思维的角度分析商业模式在国内各大互联网产品的运用】

随着互联网技术的不断进步&#xff0c;互联网商业模式也在不断变化&#xff0c;各个互联网企业都在不断尝试各种商业模式&#xff0c;以满足不同消费者群体的需求&#xff0c;提高企业营销效益&#xff0c;下面我们将从互联网商业思维的角度&#xff0c;分析一下商业模式在国内…...

编程日记 2023/9/2 19:14:14

Leetcode394 字符串解码

思路&#xff1a;类似于入栈出栈的操作&#xff0c;分层保存数字和字符串&#xff0c;然后逐层相乘合并&#xff0c;通过判断当前字符和上一个字符类型来确定数字是否结束 class Solution:def decodeString(self, s: str) -> str:current_str [""]current_num[]…...

编程日记 2023/9/2 19:13:13

git学习笔记 | 版本管理 - 分支管理

文章目录 git学习笔记Git是什么仓库常见的命令commit 备注规范在文件下设置git忽略文件 .gitignore 版本管理git log | git reflog 查看提交日志/历史版本版本穿梭 git resetgit reset HEAD <file> git checkout -- fileName 丢弃工作区的修改git revertGit恢复之前版本的…...

编程日记 2023/9/2 19:12:12

pytest---添加自定义命令行参数（pytest_addoption ）

前言 在目前互联网公司中&#xff0c;都会存在多个测试环境&#xff0c;那么当我们编写的自动化想要在多套测试环境下进行运行时&#xff0c;如何使用&#xff1f;大多数人想到的可能是通过将我们自动化代码中的地址修改成不同环境&#xff0c;但是这时候就会增加一些工作量&am…...

编程日记 2023/9/2 19:11:11

Flutter开发- iOS 问题CocoaPods not installed or not in valid state

解决问题方案&#xff1a; 1、先检查本机CocoaPods是否安装&#xff0c;通过gem list 查看是否安装 打开终端&#xff0c;执行gem list&#xff0c;出现图中的数据即为已安装。未安装看第4 步 2、已经安装了CocoaPods&#xff0c;还出现了图中的提示&#xff0c;你可能已经猜…...

编程日记 2023/9/2 19:10:10

leetcode 1207. 独一无二的出现次数

2023.9.2 我的思路是先将原数组的所有频率(即各元素出现的次数) 记录到数组frequency中&#xff0c;再遍历frequency数组看是否有重复的数&#xff0c;没有则返回true。 代码如下&#xff1a; class Solution { public:bool uniqueOccurrences(vector<int>& arr) {v…...

编程日记 2023/9/2 19:09:08

linux C编程 获取系统时间

1.clock_gettime #include<time.h> int clock_gettime(clockid_t clk_id,struct timespec *tp); struct timespec {time_t tv_sec; /* 秒*/long tv_nsec; /* 纳秒*/ }clk_id : CLOCK_BOOTTIME&#xff0c;以系统启动时间为时间原点的时间体系&#xff0c;不受其它因素的…...

编程日记 2023/9/2 19:08:07

Golang 中如何判断两个结构体相等

结论 golang中&#xff0c;哪些数据类型是可比较的&#xff0c;哪些是不可比较的&#xff1a; 可比较&#xff1a;Integer&#xff0c;Floating-point&#xff0c;String&#xff0c;Boolean&#xff0c;Complex(复数型)&#xff0c;Pointer&#xff0c;Channel&#xff0c;I…...

编程日记 2023/9/2 19:07:06

code 架构

目录 1. code 架构1.1. 代码质量的评判的维度1.2. 架构师1.3. 基础平台篇1. code 架构 1.1. 代码质量的评判的维度 可阅读性 (方便代码流转)可扩展性 / 可维护性(方便修改功能, 添加新功能)可测试性 (质量管理)可复用性 (简化后续功能开发的难度)1.2. 架构师 软件工程是一项非…...

编程日记 2023/9/2 19:06:04

Nuxt 菜鸟入门学习笔记五：CSS 样式

文章目录 本地样式表在组件内导入通过 Nuxt 配置 CSS 属性导入使用字体导入通过 NPM 发布的样式表 外部样式表动态添加样式表【高级】使用 Nitro 插件修改渲染的头部 使用预处理器单文件组件 SFC 样式类和样式绑定使用 v-bind 的动态样式Scoped StylesCSS Modules预处理器支持 …...

编程日记 2023/9/2 19:05:03

java企业工程管理系统源码之提高工程项目管理软件的效率

高效的工程项目管理软件不仅能够提高效率还应可以帮你节省成本提升利润 在工程行业中&#xff0c;管理不畅以及不良的项目执行&#xff0c;往往会导致项目延期、成本上升、回款拖后&#xff0c;最终导致项目整体盈利下降。企企管理云业财一体化的项目管理系统&#xff0c;确保…...

编程日记 2023/9/2 19:04:01

Qwen3.5-9B企业落地：制造业BOM表识别+物料替代方案生成实战

Qwen3.5-9B企业落地&#xff1a;制造业BOM表识别物料替代方案生成实战 1. 项目背景与价值 在制造业生产过程中&#xff0c;物料清单(BOM)管理和物料替代是常见的痛点问题。传统方式需要人工核对大量表格数据&#xff0c;效率低下且容易出错。Qwen3.5-9B作为90亿参数的开源大语…...

编程新知 2026/4/1 21:08:12

Go Routine 调度可视化分析

Go Routine调度可视化分析&#xff1a;揭开并发调度的神秘面纱 在Go语言中&#xff0c;Goroutine以其轻量级和高并发的特性成为开发者处理多任务的首选工具。Goroutine的调度机制对许多开发者来说仍然是一个“黑箱”&#xff0c;尤其是在高并发场景下&#xff0c;如何高效管理…...

编程新知 2026/4/1 21:00:06

效率提升秘籍：使用快马AI一键生成动漫视频批量处理与格式转换工具

效率提升秘籍&#xff1a;使用快马AI一键生成动漫视频批量处理与格式转换工具 最近接手了一个动漫视频处理的项目&#xff0c;需要将大量不同格式的动漫视频统一转换为高清MP4格式&#xff0c;并生成预览缩略图。手动处理不仅耗时耗力&#xff0c;还容易出错。于是我开始寻找自…...

编程新知 2026/4/1 20:58:06

Qwen2.5-Coder-1.5B应用案例：自动生成Bash脚本处理日志文件

Qwen2.5-Coder-1.5B应用案例&#xff1a;自动生成Bash脚本处理日志文件 1. 日志处理场景与痛点分析 1.1 运维工程师的日常挑战 在服务器运维工作中&#xff0c;日志分析是最常见也最耗时的任务之一。想象一下这样的场景&#xff1a; 你需要检查10台服务器上50个不同的服务日…...

编程新知 2026/4/1 20:42:02

GooglePlay多账号管理神器推荐：5款工具帮你轻松实现合规隔离（2025亲测有效）

GooglePlay多账号管理实战指南&#xff1a;2025年高效合规工具与策略 在移动应用生态中&#xff0c;Google Play作为全球最大的应用分发平台&#xff0c;其严格的账号管理政策让许多开发者感到头疼。特别是对于那些需要运营多个账号的开发者来说&#xff0c;如何在合规前提下实…...

编程新知 2026/4/1 20:33:58

续航提升40%？EnergyStarX让Windows 11设备电量焦虑成为历史

续航提升40%&#xff1f;EnergyStarX让Windows 11设备电量焦虑成为历史 【免费下载链接】EnergyStarX &#x1f50b; Improve your Windows 11 devices battery life. A WinUI 3 GUI for https://github.com/imbushuo/EnergyStar. 项目地址: https://gitcode.com/gh_mirrors/…...

编程新知 2026/4/1 20:31:56

VMware 16 安装win,Win11推荐下载链接(不要选arm)

目录Win11下载链接待续、更新中......Win11下载链接 ed2k://|file|zh-cn_windows_11_consumer_editions_version_22h2_updated_sep_2022_x64_dvd_23d39103.iso|5579771904|33C7EC6485AD8C55ADFB550FA1A0F270|/ 待续、更新中… 1 顿号、: 先使用ctrl. &#xff0c;再使用一遍切…...

编程新知 2026/4/1 19:21:07

从零构建uWSGI-Nginx-Flask-Docker镜像的5个核心步骤

从零构建uWSGI-Nginx-Flask-Docker镜像的5个核心步骤 【免费下载链接】uwsgi-nginx-flask-docker Docker image with uWSGI and Nginx for Flask applications in Python running in a single container. Optionally with Alpine Linux. 项目地址: https://gitcode.com/gh_mi…...

编程新知 2026/4/1 19:13:03

理解usearch的动态内存调整：实现高效向量搜索的终极指南

理解usearch的动态内存调整&#xff1a;实现高效向量搜索的终极指南 【免费下载链接】usearch Fast Open-Source Search & Clustering engine for Vectors & Arbitrary Objects in C, C, Python, JavaScript, Rust, Java, Objective-C, Swift, C#, GoLang, and Wolfr…...

编程新知 2026/4/1 18:44:43

3步打造B站高效体验：开源客户端的极致优化指南

3步打造B站高效体验&#xff1a;开源客户端的极致优化指南 【免费下载链接】BiliBili-UWP BiliBili的UWP客户端&#xff0c;当然&#xff0c;是第三方的了 项目地址: https://gitcode.com/gh_mirrors/bi/BiliBili-UWP BiliBili-UWP作为一款开源客户端&#xff0c;专为Wi…...

编程新知 2026/4/1 17:47:28