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

Three.js源码阅读笔记(光照部分)

Dec 27 Javascript

Javascript遍历table中的元素示例代码

Jul 08 Javascript

JavaScript中的alert()函数使用技巧详解

Dec 29 Javascript

jquery实现加载进度条提示效果

Nov 23 Javascript

JavaScript iframe数据共享接口实现方法

Jan 06 Javascript

如何使用jquery修改css中带有!important的样式属性

Apr 28 Javascript

浅谈javascript中new操作符的原理

Jun 07 Javascript

Jquery调用iframe父页面中的元素及方法

Aug 23 Javascript

node.js基于mongodb的搜索分页示例

Jan 22 Javascript

jquery 实现拖动文件上传加载进度条功能

Mar 18 jQuery

基于Vue 撸一个指令实现拖拽功能

Oct 09 Javascript

Vue的Options用法说明

Aug 14 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面向对象全攻略（十四） php5接口技术

2009/09/30 PHP

PHP合并数组+号和array_merge的区别

2015/06/25 PHP

PHP7匿名类用法分析

2016/09/26 PHP

微信公众平台开发教程②微信端分享功能图文详解

2019/04/10 PHP

PHP 判断字符串是中文还是英文, 或者是中英混合

2021/03/09 PHP

实现复选框全选/全不选切换

2006/12/23 Javascript

Jquery中getJSON在asp.net中的使用说明

2011/03/10 Javascript

javascript textarea光标定位方法(兼容IE和FF)

2011/03/12 Javascript

让js弹出窗口居前显示的实现方法

2013/07/10 Javascript

JS随机漂浮广告代码具体实例

2013/11/19 Javascript

jQuery过滤选择器用法分析

2015/02/10 Javascript

JavaScript DOM操作表格及样式

2015/04/13 Javascript

BootStrap使用popover插件实现鼠标经过显示并保持显示框

2016/06/23 Javascript

JS传值出现中文参数乱码的解决方法

2016/06/30 Javascript

javascript表单控件实例讲解

2016/09/13 Javascript

微信小程序轮播图swiper详解及实例（源码下载）

2017/01/11 Javascript

angular2系列之路由转场动画的示例代码

2017/11/09 Javascript

原生JS实现$.param() 函数的方法

2018/08/10 Javascript

Python 连接字符串(join %)

2008/09/06 Python

Python的迭代器和生成器

2015/07/29 Python

Python之自动获取公网IP的实例讲解

2017/10/01 Python

python之virtualenv的简单使用方法(必看篇)

2017/11/25 Python

python使用筛选法计算小于给定数字的所有素数

2018/03/19 Python

python argparser的具体使用

2019/11/10 Python

浅谈pytorch torch.backends.cudnn设置作用

2020/02/20 Python

Python爬虫抓取指定网页图片代码实例

2020/07/24 Python

美国顶尖折扣时尚购物网：Bluefly

2016/08/28 全球购物

丝芙兰法国官网：SEPHORA法国

2016/09/01 全球购物

俄罗斯隐形眼镜和眼镜在线商店：Cronos

2020/06/02 全球购物

Levi’s西班牙官方网站：李维斯，著名的牛仔裤品牌

2020/08/20 全球购物

介绍一下Linux中的链接

2016/06/05 面试题

Linux如何命名文件--使用文件名时应注意

2014/05/29 面试题

土木工程专业自荐信

2013/10/04 职场文书

文员岗位职责

2013/11/09 职场文书

圣诞晚会主持词开场白

2015/05/28 职场文书

MongoDB安装使用并实现Python操作数据库

2021/06/28 MongoDB