鼎泰网
Vue 中加载图片 public 和 src/assets 文件夹下的区别（踩坑）
创始人
2024-02-17 12:22:59
0次

HTML 

一、public 文件夹

  • 路径设置时无需添加 public/，默认加载 public 文件夹下的图片。
  • 不需要使用 require，否则就变成在 src/assets 文件夹寻找。
  • 系统编译后，可替换图片；
  1. this.imgUrl = 'images/test.jpg';
  2. // 或
  3. this.imgUrl = './images/test.jpg';

二、src/assets 文件夹

  • 需要使用 require，运行时就加载；
  • 系统编译后，不能替换，因为被内部编译管理；
  1. this.imgUrl = require('../assets/images/test.jpg');
  2. //或
  3. this.imgUrl = require('./../assets/images/test.jpg');

 

上一篇：代表骨肉分离的句子

下一篇：关于勇士的古诗

相关内容

热门资讯

江苏多地推出公租房调换政策 就... 原题：就医养老更方便 按需调换更贴心 公租房也能“换着住” 公共租赁房是由政府提供支持，为中低收入困...
法治日报：跨境犯罪治理需要更完... 跨境犯罪呈现多重犯罪形态交织特征 各国代表建言 跨境犯罪治理需要更完善的司法保障 编者按 携手30年...
原创 刘... 2025年12月18日，海南自由贸易港全岛封关运作正式启动，标志着我国高水平对外开放进入新阶段。全球...
美联储内部分歧加剧：哈马克称政... 智通财经APP获悉，克利夫兰联邦储备银行行长贝丝·哈马克表示，在评估第一季度累计75个基点的降息对经...
【深圳特区报】深港融通新格局 ... 前海港资企业突破万家、累计105项制度创新成果在全国复制推广、现代服务业增加值达1460亿元……12...
犯罪对象和受贿数额认定问题分析 实践中，有的行贿人为了送给国家工作人员好处，不直接送给国家工作人员财物，而是先委托国家工作人员代为出...
用好制度创新“加速器” 制度创新是破解发展难题、激发区域活力的核心密钥。上海浦东开发开放30余载的实践证明，唯有以制度创新破...
理论1点点｜中国制度何以在中国...
紫牛热点︱家庭纠纷导致情绪失控... 扬子晚报网12月21日讯（记者 郭一鹏） 12月20日下午，一段男子在街头拦停一辆越野车，追砸车辆前...
多城出台政策对老房子“强制体检... 越来越多城市的老房子，要“强制体检”了。 最近，郑州市房管局发布了一则实施方案，将对房龄30年以上的...