Vue批量图片显示时遇到的路径被解析问题-创新互联

最近在学Vue,感觉很难理解,学不懂。

创新互联公司-专业网站定制、快速模板网站建设、高性价比太康网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式太康网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖太康地区。费用合理售后完善,十余年实体公司更值得信赖。

昨天晚上开始第一个页面的搭建,脑子感觉通了一点,大概知道该怎么做了。

在放置轮播图时,要调用很多图片,图片路径在data的一个数组里,用v-for循环(因为还不会做轮播图,从网上找的代码)


图片路径是对的,但是不显示,就用普通img标签放了个图片看了一下,这样


网页上却变成了这样

于是我把每个图片都放了一次,把每个解析后的地址都粘贴在数组里,成了


但是这种方法也太蠢了,以后不能也这样办吧

就在网上查了一下,要加一个require,很多帖子里的图片路径都加了个require,那就试试


成功! 但是不知道是什么原理,大概是把路径的字符串封装起来了?

然后又去查了查require是干啥的,感觉用过 ,但不知道哪里用过


使用位置

require是运行时调用,所以require理论上可以运用在代码的任何地方

require本质
require是赋值过程,其实require的结果就是对象、数字、字符串、函数等,再把require的结果赋值给某个变量

这样的话就把路径字符串变成变量了

以上所述是小编给大家介绍的Vue批量图片显示时遇到的路径被解析问题详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!



本文名称:Vue批量图片显示时遇到的路径被解析问题-创新互联
标题网址:http://bzwzjz.com/article/cosise.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都响应式网站建设 网站设计 成都品牌网站设计 营销网站建设 响应式网站设计 定制网站建设多少钱 重庆网站建设 企业手机网站建设 营销型网站建设 成都品牌网站建设 成都网站制作 网站设计制作报价 响应式网站设计 成都网站建设 成都网站建设 网站制作 网站建设方案 四川成都网站设计 成都模版网站建设 营销型网站建设 成都网站建设公司 宜宾网站设计