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

基于jQuery的弹出警告对话框美化插件(警告，确认和提示)

Jun 10 Javascript

JSChart轻量级图形报表工具(内置函数中文参考)

Oct 11 Javascript

在百度知道团队中快速审批新成员的js脚本

Feb 02 Javascript

js用拖动滑块来控制图片大小的方法

Feb 27 Javascript

js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）

Jul 18 Javascript

JS实现选择TextArea内文本的方法

Aug 03 Javascript

jQuery实现向下滑出的平滑下拉菜单效果

Aug 21 Javascript

在vue-cli脚手架中配置一个vue-router前端路由

Jul 03 Javascript

聊聊JS动画库 Velocity.js的使用

Mar 13 Javascript

JavaScript中关于base64的一些事

May 06 Javascript

VUE解决 v-html不能触发点击事件的问题

Oct 28 Javascript

js+canvas绘制图形验证码

Sep 21 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.NET的入门教程

2006/10/09 PHP

php学习之数组声明

2011/06/09 PHP

php使用FFmpeg接口获取视频的播放时长、码率、缩略图以及创建时间

2016/11/07 PHP

PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例

2018/06/09 PHP

JavaScript CSS 修改学习第四章透明度设置

2010/02/19 Javascript

基于jQuery.Hz2Py.js插件实现的汉字转拼音特效

2015/05/07 Javascript

jQuery判断一个元素是否可见的方法

2015/06/05 Javascript

jquery实现简单的二级导航下拉菜单效果

2015/09/07 Javascript

超详细的javascript数组方法汇总

2015/11/21 Javascript

JavaScript计划任务后台运行的方法

2015/12/18 Javascript

以WordPress为例讲解jQuery美化页面Title的方法

2016/05/23 Javascript

jquery编写日期选择器

2017/03/16 Javascript

nodejs实现邮件发送服务实例分享

2017/03/29 NodeJs

详解nodejs微信公众号开发——3.封装消息响应模块

2017/04/10 NodeJs

微信小程序商城项目之淘宝分类入口（2）

2017/04/17 Javascript

简单谈谈原生js的math对象

2017/06/27 Javascript

vuejs使用FormData实现ajax上传图片文件

2017/08/08 Javascript

react-native 完整实现登录功能的示例代码

2017/09/11 Javascript

vue.js的双向数据绑定Object.defineProperty方法的神奇之处

2019/01/18 Javascript

微信小程序Flex布局用法深入浅出分析

2019/04/25 Javascript

vue data恢复初始化数据的实现方法

2019/10/31 Javascript

jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法

2020/02/04 jQuery

vue 监听窗口变化对页面部分元素重新渲染操作

2020/07/28 Javascript

[55:25]2018DOTA2亚洲邀请赛3月29日小组赛A组 VG VS OG

2018/03/30 DOTA

django的model操作汇整详解

2019/07/26 Python

python3.6中anaconda安装sklearn踩坑实录

2020/07/28 Python

如何基于Django实现上下文章跳转

2020/09/16 Python

localStorage 设置过期时间的方法实现

2018/12/21 HTML / CSS

HTML5 Canvas阴影使用方法实例演示

2013/08/02 HTML / CSS

绘儿乐产品官方在线商店：Crayola.com

2019/09/07 全球购物

建设投标担保书

2014/05/13 职场文书

政府采购方案

2014/06/12 职场文书

俞敏洪一分钟演讲稿

2014/08/26 职场文书

银行求职自荐信范文

2015/03/04 职场文书

2015年女职工工作总结

2015/05/15 职场文书

dubbo集成zipkin获取Traceid的实现

2021/07/26 Java/Android