编程 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 事件处理、鼠标拖动效果实现方法详解

May 11 Javascript

JavaScript等比例缩放图片控制超出范围的图片

Aug 06 Javascript

图片上传判断及预览脚本的效果实例

Aug 07 Javascript

jQuery实现移动和渐变特效的点击事件

Feb 26 Javascript

javascript验证身份证号

Mar 03 Javascript

优化RequireJS项目的相关技巧总结

Jul 01 Javascript

JavaScript拖拽、碰撞、重力及弹性运动实例分析

Jan 08 Javascript

过期软件破解办法实例详解

Jan 04 Javascript

ES6下React组件的写法示例代码

May 04 Javascript

微信小程序实现人脸识别

May 25 Javascript

解决vue热替换失效的根本原因

Sep 19 Javascript

Vue自定义铃声提示音组件的实现

Jan 22 Vue.js

微信小程序学习笔记之目录结构、基本配置图文详解

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

WHOIS类的修改版

2006/10/09 PHP

PHP中的gzcompress、gzdeflate、gzencode函数详解

2014/07/29 PHP

PHP获取二维数组中某一列的值集合

2015/12/25 PHP

PHP插件PHPMailer发送邮件功能

2017/02/28 PHP

jQuery Ajax之load()方法

2009/10/12 Javascript

DOM 脚本编程中的兄弟节点

2009/10/31 Javascript

jquery 打开窗口返回值实现代码

2010/03/04 Javascript

基于jquery和svg实现超炫酷的动画特效

2014/12/09 Javascript

最精简的JavaScript实现鼠标拖动效果的方法

2015/05/11 Javascript

jQuery实现的登录浮动框效果代码

2015/09/26 Javascript

JavaScript继承学习笔记【新手必看】

2016/05/10 Javascript

JS实现简单易用的手机端浮动窗口显示效果

2016/09/07 Javascript

JavaScript与java语言有什么不同

2016/09/22 Javascript

简单谈谈ES6的六个小特性

2016/11/18 Javascript

移动端界面的适配

2017/01/11 Javascript

bootstrap常用组件之头部导航实现代码

2017/04/20 Javascript

vue实现nav导航栏的方法

2017/12/13 Javascript

对angular4子路由&辅助路由详解

2018/10/09 Javascript

详解从vue-loader源码分析CSS Scoped的实现

2019/09/23 Javascript

JS数据类型判断的几种常用方法

2020/07/07 Javascript

vue3.0自定义指令（drectives)知识点总结

2020/12/27 Vue.js

微信小程序实现登录注册功能

2020/12/29 Javascript

[13:18]《一刀刀一天》之DOTA全时刻21：详解TI新赛制 A队再露獠牙

2014/06/24 DOTA

Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例

2018/01/29 Python

python调用百度语音识别api

2018/08/30 Python

python实现图片转字符小工具

2019/04/30 Python

python手写均值滤波

2020/02/19 Python

土木工程专业个人求职信

2013/12/05 职场文书

学生党支部先进事迹

2014/02/04 职场文书

自我检讨书范文

2015/01/28 职场文书

法院答辩状格式

2015/05/22 职场文书

工作服管理制度范本

2015/08/06 职场文书

禁毒主题班会教案

2015/08/14 职场文书

创业计划书之淘宝网店

2019/10/08 职场文书

为什么node.js不适合大型项目

2021/04/28 Javascript

VMware虚拟机安装 Windows Server 2022的详细图文教程

2022/09/23 Servers