编程 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 toFixed() 方法

Apr 15 Javascript

Javascript delete 引用类型对象

Nov 01 Javascript

jQuery实现设置、移除文本框默认值功能

Jan 13 Javascript

js+HTML5实现canvas多种颜色渐变效果的方法

Jun 05 Javascript

超详细的JS弹出窗口代码大全

Apr 18 Javascript

JavaScript cookie详解及简单实例应用

Dec 31 Javascript

js中的面向对象入门

Mar 06 Javascript

Vue之Watcher源码解析（2）

Jul 19 Javascript

详解Webpack多环境代码打包的方法

Aug 03 Javascript

JS中数据结构与算法---排序算法(Sort Algorithm)实例详解

Jun 17 Javascript

Vue中常用rules校验规则(实例代码)

Nov 14 Javascript

详解vite2.0配置学习(typescript版本)

Feb 25 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

php对csv文件的读取,写入,输出下载操作详解

2013/08/10 PHP

php中mkdir函数用法实例分析

2014/11/15 PHP

thinkphp多层MVC用法分析

2015/12/30 PHP

yii实现model添加默认值的方法(2种方法)

2016/01/06 PHP

PHP批量删除jQuery操作

2017/07/23 PHP

使用Entrust扩展包在laravel 中实现RBAC的功能

2020/03/16 PHP

[原创]来自ImageSee官方 JavaScript图片浏览器

2008/01/16 Javascript

jQuery拖拽插件gridster使用指南

2015/04/21 Javascript

详解javascript new的运行机制

2016/01/26 Javascript

AngularJS中$interval的用法详解

2016/02/02 Javascript

JavaScript必知必会(六) delete in instanceof

2016/06/08 Javascript

详解Angular之constructor和ngOnInit差异及适用场景

2017/06/22 Javascript

深入浅析JavaScript中的RegExp对象

2017/09/18 Javascript

JavaScript布尔运算符原理使用解析

2020/05/06 Javascript

[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE

2014/05/22 DOTA

Python实现拷贝多个文件到同一目录的方法

2016/09/19 Python

matlab中实现矩阵删除一行或一列的方法

2018/04/04 Python

Python实现的简单计算器功能详解

2018/08/25 Python

Python 通过调用接口获取公交信息的实例

2018/12/17 Python

python绘制雪景图

2019/12/16 Python

TensorFlow tf.nn.conv2d实现卷积的方式

2020/01/03 Python

解决keras,val_categorical_accuracy:,0.0000e+00问题

2020/07/02 Python

python 30行代码实现蚂蚁森林自动偷能量

2021/02/08 Python

英国天然宝石首饰购买网站：Gemondo Jewellery

2018/10/23 全球购物

什么是Connection-oriented Protocol/Connectionless Protocol面向连接的协议/无连接协议

2012/09/06 面试题

学习型党组织建设经验材料

2014/05/26 职场文书

学校百日安全生产活动总结

2014/07/05 职场文书

十佳家长事迹材料

2014/08/26 职场文书

中学生2014国庆节演讲稿：不屈的民族

2014/09/21 职场文书

2015年综治维稳工作总结

2015/04/07 职场文书

天河观后感

2015/06/11 职场文书

2016全国“质量月”活动标语口号

2015/12/26 职场文书

医务人员医德医风心得体会

2016/01/25 职场文书

Python进度条的使用

2021/05/17 Python

Python 线程池模块之多线程操作代码

2021/05/20 Python

详解Anyscript开发指南绕过typescript类型检查

2022/09/23 Javascript