编程 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玩转游戏物理(一)运动学模拟与粒子系统

Jun 19 Javascript

使用时间戳解决ie缓存的问题

Aug 20 Javascript

Javascript基础教程之数据类型（字符串 String）

Jan 18 Javascript

基于javascript实现窗口抖动效果

Jan 03 Javascript

jquery中的常见问题及快速解决方法小结

Jun 14 Javascript

基于jquery实现弹幕效果

Sep 29 Javascript

H5移动端图片压缩上传开发流程

Nov 09 Javascript

JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决

Nov 11 Javascript

JavaScript两个变量交换值的实现方法

Mar 01 Javascript

Vue-cli@3.0 插件系统简析

Sep 05 Javascript

ES6知识点整理之数组解构和字符串解构的应用示例

Apr 17 Javascript

基于Angular 8和Bootstrap 4实现动态主题切换的示例代码

Feb 11 Javascript

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

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

推荐几部必看的DC动画电影

2020/03/03 欧美动漫

php smarty 二级分类代码和模版循环例子

2011/06/16 PHP

php自动注册登录验证机制实现代码

2011/12/20 PHP

php中in_array函数用法探究

2014/11/25 PHP

php中判断数组相等的方法以及数组运算符介绍

2015/03/30 PHP

Laravel 自带的Auth验证登录方法

2019/09/30 PHP

jQuery 源码分析笔记(2) 变量列表

2011/05/28 Javascript

js调用activeX获取u盘序列号的代码

2011/11/21 Javascript

JavaScript+CSS实现仿天猫侧边网页菜单效果

2015/08/25 Javascript

AngularJS 过滤器的简单实例

2016/07/27 Javascript

再谈javascript常见错误及解决方法

2016/09/16 Javascript

js模糊查询实例分享

2016/12/26 Javascript

ES6新特性之函数的扩展实例详解

2017/04/01 Javascript

关于jQuery.ajax()的jsonp碰上post详解

2017/07/02 jQuery

javascript实现Emrips反质数枚举的示例代码

2017/12/06 Javascript

Bootstrap table中toolbar新增条件查询及refresh参数使用方法

2018/05/18 Javascript

layui实现点击按钮给table添加一行

2018/08/10 Javascript

JQuery扩展对象方法操作示例

2018/08/21 jQuery

JavaScript对象拷贝与赋值操作实例分析

2018/12/10 Javascript

用element的upload组件实现多图片上传和压缩的示例代码

2019/02/12 Javascript

微信小程序如何再次获取用户授权的方法

2019/05/10 Javascript

JavaScript中window和document用法详解

2020/07/28 Javascript

[51:52]Liquid vs Secret 2019国际邀请赛淘汰赛败者组 BO3 第二场 8.24

2019/09/10 DOTA

python中的内置函数getattr()介绍及示例

2014/07/20 Python

使用Python的PEAK来适配协议的教程

2015/04/14 Python

Django中实现点击图片链接强制直接下载的方法

2015/05/14 Python

Python的Django框架中从url中捕捉文本的方法

2015/07/20 Python

Python实现的朴素贝叶斯分类器示例

2018/01/06 Python

用Python获取摄像头并实时控制人脸的实现示例

2019/07/11 Python

Python Django Vue 项目创建过程详解

2019/07/29 Python

自定义Django默认的sitemap站点地图样式

2020/03/04 Python

CSS3中设置3D变形的transform-style属性详解

2016/05/23 HTML / CSS

就业自荐信

2013/12/04 职场文书

办公室文员自荐书

2014/02/03 职场文书

乡党政领导班子群众路线教育实践活动个人对照检查材料

2014/09/20 职场文书

2015年大学教师工作总结

2015/05/20 职场文书