最近在学Vue,感觉很难理解,学不懂。
昨天晚上开始第一个页面的搭建,脑子感觉通了一点,大概知道该怎么做了。

在放置轮播图时,要调用很多图片,图片路径在data的一个数组里,用v-for循环(因为还不会做轮播图,从网上找的代码)
图片路径是对的,但是不显示,就用普通img标签放了个图片看了一下,这样
Vue批量图片显示时遇到的路径被解析问题
网页上却变成了这样
Vue批量图片显示时遇到的路径被解析问题
于是我把每个图片都放了一次,把每个解析后的地址都粘贴在数组里,成了Vue批量图片显示时遇到的路径被解析问题
但是这种方法也太蠢了,以后不能也这样办吧

就在网上查了一下,要加一个require,很多帖子里的图片路径都加了个require,那就试试
Vue批量图片显示时遇到的路径被解析问题
成功! 但是不知道是什么原理,大概是把路径的字符串封装起来了?

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

Vue批量图片显示时遇到的路径被解析问题
使用位置

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

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

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

相关文章:

  • 2021-08-30
  • 2021-10-20
  • 2022-01-29
  • 2021-12-24
  • 2022-01-26
  • 2022-12-23
猜你喜欢
  • 2022-02-10
  • 2021-12-22
  • 2022-12-23
  • 2021-11-20
  • 2021-12-22
  • 2021-11-12
  • 2021-11-07
相关资源
相似解决方案