编程 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 相关文章推荐

prototype.js的Ajax对象

Sep 23 Javascript

javascript cookies操作集合

Apr 12 Javascript

javascript 获取所有id中包含某关键字的控件的实现代码

Nov 25 Javascript

jquery下jstree简单应用 - v1.0

Apr 14 Javascript

js动画(animate)简单引擎代码示例

Dec 04 Javascript

Javascript无阻塞加载具体方式

Jun 28 Javascript

jQuery中ScrollTo用法示例

Sep 04 Javascript

JavaScript输入分钟、秒倒计时技巧总结（附代码）

Aug 17 Javascript

微信小程序wx.getImageInfo()如何获取图片信息

Jan 26 Javascript

vue-router传递参数的几种方式实例详解

Nov 13 Javascript

基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码

Jun 10 jQuery

在Vue中实现随hash改变响应菜单高亮

Mar 09 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魔术方法使用方法汇总

2016/02/14 PHP

SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程

2017/07/27 PHP

PHP使用PDO实现mysql防注入功能详解

2019/12/20 PHP

基于jquery的横向滚动条（滑动条）

2011/02/24 Javascript

jquery 根据name名获取元素的value值

2015/02/27 Javascript

使用js实现的简单拖拽效果

2015/03/18 Javascript

深入探秘jquery瀑布流的实现

2016/01/30 Javascript

Node.js的npm包管理器基础使用教程

2016/05/26 Javascript

基于cssSlidy.js插件实现响应式手机图片轮播效果

2016/08/30 Javascript

解决bootstrap下拉菜单点击立即隐藏bug的方法

2017/06/13 Javascript

Vue弹出菜单功能的实现代码

2018/09/12 Javascript

vue-cli webpack 引入swiper的操作方法

2018/09/15 Javascript

vue cli3.0 引入eslint 结合vscode使用

2019/05/27 Javascript

javascript定时器的简单应用示例【控制方块移动】

2019/06/17 Javascript

js实现飞机大战游戏

2020/08/26 Javascript

[01:10]为家乡而战！完美世界城市挑战赛全国总决赛花絮

2019/07/25 DOTA

Python缩进和冒号详解

2016/06/01 Python

Python简单实现的代理服务器端口映射功能示例

2018/04/08 Python

pycharm 2019 最新激活方式（pycharm破解、激活）

2020/09/22 Python

Django实现whoosh搜索引擎使用jieba分词

2020/04/08 Python

python爬虫构建代理ip池抓取数据库的示例代码

2020/09/22 Python

HTML5自定义属性的问题分析

2019/08/16 HTML / CSS

德国化妆品和天然化妆品网上商店：kosmetikfuchs.de

2017/06/09 全球购物

加拿大最大的钻石商店：Peoples Jewellers

2018/01/01 全球购物

J2EE中常用的名词进行解释

2015/11/09 面试题

新三好学生主要事迹

2014/01/23 职场文书

元旦晚会邀请函

2014/01/27 职场文书

分公司任命书

2014/06/06 职场文书

酒店餐厅2014重阳节活动策划方案

2014/09/16 职场文书

运动会加油稿100字

2014/09/19 职场文书

2014年置业顾问工作总结

2014/11/17 职场文书

用人单位聘用意向书

2015/05/11 职场文书

哈姆雷特读书笔记

2015/06/29 职场文书

保安辞职申请书应该怎么写？

2019/07/15 职场文书

神州牡丹园的导游词

2019/11/20 职场文书

联想win10摄像头打不开怎么办?win10笔记本摄像头打不开解决办法

2022/04/08 数码科技