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

baidu博客的编辑友情链接的新的层窗口！经典～支持【FF】

Feb 09 Javascript

jquery cookie插件代码类

May 26 Javascript

js鼠标左右键键盘值小结

Jun 11 Javascript

jQuery 常见操作实现方式和常用函数方法总结

May 06 Javascript

圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现

Dec 27 Javascript

Windows下用PyCharm和Visual Studio开始Python编程

Oct 26 Javascript

Javascript点击其他任意地方隐藏关闭DIV实例

Jun 21 Javascript

AngularJS递归指令实现Tree View效果示例

Nov 07 Javascript

AngularJS服务service用法总结

Dec 13 Javascript

教你如何用Node实现API的转发（某音乐）

Sep 20 Javascript

node静态服务器实现静态读取文件或文件夹

Dec 03 Javascript

VUE 实现element upload上传图片到阿里云

Aug 12 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

B2K与车机的中波PK

2021/03/02 无线电

如何在PHP中使用Oracle数据库(6)

2006/10/09 PHP

PHP使用socket发送HTTP请求的方法

2016/02/14 PHP

PHP实现函数内修改外部变量值的方法示例

2018/12/28 PHP

PHP常用正则表达式精选（推荐）

2019/05/28 PHP

jQuery对象与DOM对象转换方法详解

2016/05/10 Javascript

微信小程序实现拖拽事件监听实例详解

2016/11/16 Javascript

jQuery实现文字自动横移

2017/01/08 Javascript

vue的传参方式汇总和router使用技巧

2018/05/22 Javascript

Element UI框架中巧用树选择器的实现

2018/12/12 Javascript

微信小程序开发之点击按钮退出小程序的实现方法

2019/04/26 Javascript

vue cli 3.0通用打包配置代码,不分一二级目录

2020/09/02 Javascript

[44:37]完美世界DOTA2联赛PWL S3 Forest vs access 第一场 12.11

2020/12/13 DOTA

Python中的tuple元组详细介绍

2015/02/02 Python

Python中pygame的mouse鼠标事件用法实例

2015/11/11 Python

python使用wxpy轻松实现微信防撤回的方法

2019/02/21 Python

Python中字符串String的基本内置函数与过滤字符模块函数的基本用法

2019/05/27 Python

python中的 zip函数详解及用法举例

2020/02/16 Python

numpy的Fancy Indexing和array比较详解

2020/06/11 Python

Python paramiko使用方法代码汇总

2020/11/20 Python

Python 实现劳拉游戏的实例代码（四连环、重力四子棋）

2021/03/03 Python

CSS3实现瀑布流布局与无限加载图片相册的实例代码

2016/12/22 HTML / CSS

英国灯具和灯泡网上商店：Lights.co.uk

2018/02/02 全球购物

ABOUT YOU匈牙利：500个最受欢迎的时尚品牌

2019/07/19 全球购物

美国一家著名的手表在线折扣网站：Discount Watch Store

2020/02/24 全球购物

卡拉威高尔夫官方网站：Callaway Golf

2020/09/16 全球购物

亚洲最大的运动鞋寄售店：KicksCrew

2020/11/26 全球购物

青春演讲稿范文

2014/05/08 职场文书

初中班级口号

2014/06/09 职场文书

无犯罪记录证明范本

2014/09/15 职场文书

2014年教师党员自我评价范文

2014/09/22 职场文书

2015年企业新年寄语

2014/12/08 职场文书

应届毕业生求职简历自我评价

2015/03/02 职场文书

2015年初三班主任工作总结

2015/05/21 职场文书

小学教师教育随笔

2015/08/14 职场文书

Python基础之Socket通信原理

2021/04/22 Python