vue 在方法里用字符串赋值图片路径获取不到，提示找不到图片

article2024/12/24 1:19:01/文章来源:https://blog.csdn.net/qq_53478650/article/details/132143940

原因

直接通过字符串赋值命名路径是不会生效的，如

this.file1="../assets/addmodel/TAR.png"

因为在Vue模板中直接使用字符串赋值的方式不会被解析为正确的资源路径。

你可以使用动态绑定（v-bind 或简写为 :）来设置图片的路径。这样可以确保路径正确地被解析成资源路径。然后在路径用require括起来

this.file1=require("../assets/addmodel/TAR.png")

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/64109.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

Redis性能瓶颈揭秘：如何优化大key问题？

1. 什么是Redis大key问题 Redis大key问题指的是某个key对应的value值所占的内存空间比较大，导致Redis的性能下降、内存不足、数据不均衡以及主从同步延迟等问题。到底多大的数据量才算是大key？ 没有固定的判别标准，通常认为字符串类型的k…

在WebStorm中通过live-server插件搭建Ajax运行环境

1.下载node.js 官网: https://nodejs.cn/download/ 2.配置Node.js的HTTPS 使用淘宝的镜像： npm config set registry https://registry.npm.taobao.org 也可以使用cnpm npm install -g cnpm --registryhttps://registry.npm.taobao.org 配置之后可以验证是否成…

SAP SD 交货单发货过账缺料提醒改成弹窗框清单提醒增强

场景：零件库下销售订单100来个行项目，产生的交货单也是100多个行项目，但因为库存做不准，不及时，以及本来就缺料，在交货单发货过账时会提醒，见下图但是每次只提醒一个，零件库实际业务…

HCIP-linux知识

linux安装教程参考，https://blog.51cto.com/cloudcs/5245337 yum源配置本地yum源配置： 8版本配置：将光盘iso挂载到某个目录，/dev/cdrom是/dev/sr0软链接，# mount /dev/cdrom /mnt，# ls /mnt AppStream B…

webpack基础知识十：与webpack类似的工具还有哪些？区别？

一、模块化工具模块化是一种处理复杂系统分解为更好的可管理模块的方式可以用来分割，组织和打包应用。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体(bundle) 在前端领域中，并非只有webpack这一款…

K8S系列文章之 Kind 部署K8S的服务发布

安装kind 下载 https://github.com/kubernetes-sigs/kind/releases/download/0.17.0/kind-linux-amd64 执行以下命令： mv kind-linux-amd64 /usr/local/bin/kind chmod 777 /usr/local/bin/kind 之前需要先在本地主机安装好docker yum -y install yum-utils d…

微服务云原生：基于 Gogs + Drone 进行项目 CI/CD

传统构建部署以一个简单的前后端项目来说，分别编写前后端的 Dockerfile 文件并构建镜像，然后编写 docker-compose.yml 构建部署，启动运行。一个简单的例子： 前端： 项目名：kubemanagement-web技术栈&am…

调整vscode

调整vscode 连wifi linux连接wifi

Git从远程仓库中删除文件，并上传新文件

目录删除： 拉取远程分支的更新： 编辑首先查看git状态： 编辑删除文件并提交版本库： 提交： 上传新文件： 首先查看git状态： 提交到暂存区： 提交到版本库： 上…

HCL MPLS L2VPN BGP lsp

目录 1 拓扑 2 配置步骤 2.1 配置接口IP 和路由协议 2.2 配置MPLS LDP 2.3 配置L2VPN PW(BGP) 2.4 验证L2VPN 使用EVE-NG 中的H3C 镜像，配置bgp 后，OSPF 会失效，可能镜像有问题，使用HCL没有问题。 1 拓扑 2 配置步骤 2.1…

【MySQL】deepin安装mysql的cpp开发包

在deepin下安装好mysql后，发现在c语言中没有<mysql.h>的头文件。而根据ubuntu的办法直接按照mysql的开发包，会出现这种情况： ~/Desktop$ sudo apt-get install libmysqlclient-dev 正在读取软件包列表… 完成正在分析软件包的依赖关…

使用vscode远程登录以及本地使用的配置（插件推荐）

1、远程登陆ssh 1.1打开vscode插件商店，安装remote-ssh插件远程ssh添加第三方插件：vscode下链接远程服务器安装插件失败、速度慢等解决方法_vscode远程安装不上扩展_Emphatic的博客-CSDN博客转到定义，选中代码->鼠标右键->转到定义…

Leetcode周赛 | 2023-8-5

2023-8-5 题1体会我的代码题2体会我的代码题1 体会一开始是觉得这道题是贪心的，选出现次数最多的元素，但是发现，当有多个元素出现次数均为最多时，似乎很难处理，就放弃了。转而问ChatGPT ，结果让自己走上…

文字转语音

键盘获取文字，转化为语音后保存本地 from win32com.client import Dispatch from comtypes.client import CreateObject from comtypes.gen import SpeechLib speakerDispatch(SAPI.SpVoice) speaker.Speak(请输入你想转化的文字) datainput(请输入：)#s…