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

ExtJs grid行右键菜单的两种方法

Jun 19 Javascript

JavaScript高级程序设计阅读笔记（十三） js定义类或对象

Aug 14 Javascript

关于JavaScript的面向对象和继承有利新手学习

Jan 11 Javascript

Jquery事件的连接使用示例

Jun 18 Javascript

javascript学习笔记（五）原型和原型链详解

Oct 08 Javascript

JavaScript中用toString()方法返回时间为字符串

Jun 12 Javascript

JS组件Bootstrap按钮组与下拉按钮详解

May 10 Javascript

js实现一个猜数字游戏

Mar 31 Javascript

Vue实现input宽度随文字长度自适应操作

Jul 29 Javascript

js和jquery判断数据类型的4种方法总结

Aug 28 jQuery

vue element ui validate 主动触发错误提示操作

Sep 21 Javascript

用javascript制作qq注册动态页面

Apr 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 模拟 asp.net webFrom 按钮提交事件的思路及代码

2013/12/02 PHP

如何使用PHP Embed SAPI实现Opcodes查看器

2015/11/10 PHP

在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程

2015/12/21 PHP

php微信开发自定义菜单

2016/08/27 PHP

Laravel框架实现多个视图共享相同数据的方法详解

2019/07/09 PHP

extjs 学习笔记（一）一些基础知识

2009/10/13 Javascript

使用Jquery实现点击文字后变成文本框且可修改

2013/09/21 Javascript

关于JavaScript中name的意义冲突示例介绍

2014/05/29 Javascript

jQuery聚合函数实例

2015/05/21 Javascript

jQuery实现别踩白块儿网页版小游戏

2017/01/18 Javascript

学习使用Bootstrap栅格系统

2017/05/11 Javascript

Vue的Flux框架之Vuex状态管理器

2017/07/30 Javascript

vue中使用cropperjs的方法

2018/03/01 Javascript

解决vue router组件状态刷新消失的问题

2018/08/01 Javascript

新手必须知的Node.js 4个JavaScript基本概念

2018/09/16 Javascript

vue项目引入Iconfont图标库的教程图解

2018/10/24 Javascript

jQuery实现购物车的总价计算和总价传值功能

2018/11/28 jQuery

layui 上传文件_批量导入数据UI的方法

2019/09/23 Javascript

通过微信公众平台获取公众号文章的方法示例

2019/12/25 Javascript

vue-router 路由传参用法实例分析

2020/03/06 Javascript

Python中一行和多行import模块问题

2018/04/01 Python

Python随机函数random()使用方法小结

2018/04/29 Python

python3实现点餐系统

2019/01/24 Python

python 模拟创建seafile 目录操作示例

2019/09/26 Python

python 求10个数的平均数实例

2019/12/16 Python

详解CSS3：overflow属性

2020/11/17 HTML / CSS

捷克建筑材料网上商店：DEK.cz

2021/03/06 全球购物

半年思想汇报

2013/12/30 职场文书

外贸业务员工作职责

2014/01/06 职场文书

大学旷课检讨书

2014/01/28 职场文书

餐厅考勤管理制度

2014/01/28 职场文书

消防安全责任书范本

2014/04/15 职场文书

群众路线四风问题整改措施

2014/09/27 职场文书

合同权益转让协议书模板

2014/11/18 职场文书

2014年银行年终工作总结

2014/12/19 职场文书

利用python Pandas实现批量拆分Excel与合并Excel

2021/05/23 Python