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

扩展String功能方法

Sep 22 Javascript

跟着JQuery API学Jquery 之三筛选

Apr 09 Javascript

jquery(live)中File input的change方法只起一次作用的解决办法

Oct 21 Javascript

js获取页面及个元素高度、宽度的代码

Apr 26 Javascript

原生js仿jquery一些常用方法(必看篇)

Sep 20 Javascript

node.JS md5加密中文与php结果不一致的解决方法

May 05 Javascript

微信小程序BindTap快速连续点击目标页面跳转多次问题处理

Apr 08 Javascript

微信小程序导航栏跟随滑动效果的实现代码

May 14 Javascript

layui字体图标 loading图标静止不旋转的解决方法

Sep 23 Javascript

layui清除radio的选中状态实例

Nov 14 Javascript

Vue解决echart在element的tab切换时显示不正确问题

Aug 03 Javascript

echarts实现晶体球面投影的实例教程

Oct 10 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 无限极分类

2008/03/27 PHP

彻底杜绝PHP的session cookie错误

2009/08/09 PHP

利用phpexcel对数据库数据的导入excel（excel筛选）、导出excel

2017/04/27 PHP

javascript 强制刷新页面的实现代码

2009/12/13 Javascript

javascript中的作用域scope介绍

2010/12/28 Javascript

iframe跨域通信封装详解

2015/08/11 Javascript

javascript每日必学之基础入门

2016/02/16 Javascript

javascript实现起伏的水波背景效果

2016/05/16 Javascript

JS检测window.open打开的窗口是否关闭

2017/06/25 Javascript

小程序视频列表中视频的播放与停止的示例代码

2018/07/20 Javascript

手把手教你如何使用nodejs编写cli命令行

2018/11/05 NodeJs

video.js 一个页面同时播放多个视频的实例代码

2018/11/27 Javascript

VUE实现移动端列表筛选功能

2019/08/23 Javascript

js实现秒表计时器

2019/12/16 Javascript

python批量导入数据进Elasticsearch的实例

2018/05/30 Python

python判断一个对象是否可迭代的例子

2019/07/22 Python

Python散点图与折线图绘制过程解析

2019/11/30 Python

Python操作redis和mongoDB的方法

2019/12/19 Python

pytorch:实现简单的GAN示例(MNIST数据集)

2020/01/10 Python

tensorflow模型保存、加载之变量重命名实例

2020/01/21 Python

如何通过Python3和ssl实现加密通信功能

2020/05/09 Python

python适合做数据挖掘吗

2020/06/16 Python

Python使用socket_TCP实现小文件下载功能

2020/10/09 Python

python中用ctypes模拟点击的实例讲解

2020/11/26 Python

Bailey帽子官方商店：Bailey Hats

2018/09/25 全球购物

彪马英国官网：PUMA英国

2019/02/11 全球购物

公共汽车、火车和飞机票的通用在线预订和销售平台：INFOBUS

2019/11/30 全球购物

2014学校领导四风问题对照检查材料思想汇报

2014/09/22 职场文书

干部职工纪律作风整改措施思想汇报

2014/10/11 职场文书

先进班集体申报材料

2014/12/26 职场文书

龙潭大峡谷导游词

2015/02/10 职场文书

商务司机岗位职责

2015/04/10 职场文书

旅游安全责任协议书

2016/03/22 职场文书

教你用python实现一个无界面的小型图书管理系统

2021/05/21 Python

用python批量解压带密码的压缩包

2021/05/31 Python

python中pymysql包操作数据库方法

2022/04/19 Python