编程 Javascript

Vue批量图片显示时遇到的路径被解析问题

Posted in Javascript onMarch 28, 2019

最近在学Vue，感觉很难理解，学不懂。

昨天晚上开始第一个页面的搭建，脑子感觉通了一点，大概知道该怎么做了。

在放置轮播图时，要调用很多图片，图片路径在data的一个数组里，用v-for循环（因为还不会做轮播图，从网上找的代码）

图片路径是对的，但是不显示，就用普通img标签放了个图片看了一下，这样

Vue批量图片显示时遇到的路径被解析问题

网页上却变成了这样

Vue批量图片显示时遇到的路径被解析问题

于是我把每个图片都放了一次，把每个解析后的地址都粘贴在数组里，成了

Vue批量图片显示时遇到的路径被解析问题

但是这种方法也太蠢了，以后不能也这样办吧

就在网上查了一下，要加一个require，很多帖子里的图片路径都加了个require，那就试试

Vue批量图片显示时遇到的路径被解析问题

成功！但是不知道是什么原理，大概是把路径的字符串封装起来了？

然后又去查了查require是干啥的，感觉用过，但不知道哪里用过

Vue批量图片显示时遇到的路径被解析问题

使用位置

require是运行时调用，所以require理论上可以运用在代码的任何地方

require本质
require是赋值过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量

这样的话就把路径字符串变成变量了

以上所述是小编给大家介绍的Vue批量图片显示时遇到的路径被解析问题详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

Vue批量图片显示时遇到的路径被解析问题

- Author -

彳?n

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

关于Javascript 的 prototype问题。

Jan 03 Javascript

IE php关于强制下载文件的代码

Aug 23 Javascript

javascript hasFocus使用实例

Jun 29 Javascript

JS控制一个DIV层在指定时间内消失的方法

Feb 17 Javascript

完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效

Nov 12 Javascript

JavaScript实现Iterator模式实例分析

Jun 09 Javascript

基于Jquery实现万圣节快乐特效

Nov 01 Javascript

vue+Java后端进行调试时解决跨域问题的方式

Oct 19 Javascript

Django+Vue跨域环境配置详解

Jul 06 Javascript

3分钟读懂移动端rem使用方法(推荐)

May 06 Javascript

Vuex的API文档说明详解

Feb 05 Javascript

jQuery实现的解析本地 XML 文档操作示例

Apr 30 jQuery

微信小程序学习笔记之目录结构、基本配置图文详解

Mar 28 #Javascript

vue-cli中使用高德地图的方法示例

Mar 28 #Javascript

jQuery ajax仿Google自动提示SearchSuggess功能示例

Mar 28 #jQuery

JavaScript实现汉字转换为拼音及缩写的方法示例

Mar 28 #Javascript

vue+iview/elementUi实现城市多选

Mar 28 #Javascript

node中使用es6/7/8(支持性与性能)

Mar 28 #Javascript

微信小程序开发实现的IP地址查询功能示例

Mar 28 #Javascript

You might like

php利用腾讯ip分享计划获取地理位置示例分享

2014/01/20 PHP

php的hash算法介绍

2014/02/13 PHP

一些有关检查数据的JS代码

2006/09/07 Javascript

使用Microsoft Ajax Minifier减小JavaScript文件大小的方法

2010/04/01 Javascript

JavaScript 计算图片加载数量的代码

2011/01/01 Javascript

jQuery中使用Ajax获取JSON格式数据示例代码

2013/11/26 Javascript

js 立即调用的函数表达式如何写

2014/01/12 Javascript

如何动态的导入js文件具体该怎么实现

2014/01/14 Javascript

js设置function参数默认值(适合没有传参情况)

2014/02/24 Javascript

JavaScript获得页面base标签中url的方法

2015/04/03 Javascript

jQuery检查事件是否触发的方法

2015/06/26 Javascript

前端程序员必须知道的高性能Javascript知识

2016/08/24 Javascript

canvas实现手机端用来上传用户头像的代码

2016/10/20 Javascript

深入理解Angularjs向指令传递数据双向绑定机制

2016/12/31 Javascript

AngularJS的Filter的示例详解

2017/03/07 Javascript

JS实现移动端实时监听输入框变化的实例代码

2017/04/12 Javascript

Vue实现typeahead组件功能(非常靠谱)

2017/08/26 Javascript

JavaScript中运算符规则和隐式类型转换示例详解

2017/09/06 Javascript

Vue路由切换时的左滑和右滑效果示例

2018/05/29 Javascript

JavaScript数组、json对象、eval()函数用法实例分析

2019/02/21 Javascript

JS中的函数与对象的创建方式

2019/05/12 Javascript

vue组件是如何解析及渲染的？

2021/01/13 Vue.js

[06:16]第十四期-国士无双绝地翻盘之撼地神牛

2014/06/24 DOTA

python处理document文档保留原样式

2019/09/23 Python

django 实现celery动态设置周期任务执行时间

2019/11/19 Python

Python彻底删除文件夹及其子文件方式

2019/12/23 Python

Python爬虫库BeautifulSoup的介绍与简单使用实例

2020/01/25 Python

Spartoo比利时：欧洲时尚购物网站

2017/12/06 全球购物

MUGLER官方网站：蒂埃里·穆勒香水

2019/11/26 全球购物

上班看电影检讨书

2014/02/12 职场文书

《学会合作》教学反思

2014/04/12 职场文书

学雷锋标兵事迹材料

2014/08/18 职场文书

倡议书格式及范文

2015/04/29 职场文书

庆元旦主持词

2015/07/06 职场文书

Python Flask搭建yolov3目标检测系统详解流程

2021/11/07 Python

生命的关键成分来自太空？陨石说是的

2022/04/29 数码科技