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

 更新时间:2019年03月28日 11:07:01   作者:彳卬  
这篇文章主要介绍了Vue批量图片显示时遇到的路径被解析问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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

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

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

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


网页上却变成了这样

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


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

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


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

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


使用位置

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

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

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

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

相关文章

  • Vue3在router中使用pinia报错的简单解决办法

    Vue3在router中使用pinia报错的简单解决办法

    这篇文章主要给大家介绍了关于Vue3在router中使用pinia报错的简单解决办法,什么是pinia,可以理解为状态管理工具,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-08-08
  • 关于Element-UI可编辑表格的实现过程

    关于Element-UI可编辑表格的实现过程

    这篇文章主要介绍了关于Element-UI可编辑表格的实现过程,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • vue组件发布到npm简单步骤

    vue组件发布到npm简单步骤

    给大家讲解一下vue组件发布到npm简单方法和步骤过程,需要的朋友一起学习参考一下。
    2017-11-11
  • vue中如何引入jest单元测试

    vue中如何引入jest单元测试

    这篇文章主要介绍了vue中如何引入jest单元测试问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-07-07
  • Vue关于访问外链失败的问题

    Vue关于访问外链失败的问题

    这篇文章主要介绍了Vue关于访问外链失败的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • vue非父子组件通信问题及解决方法

    vue非父子组件通信问题及解决方法

    这篇文章主要介绍了vue非父子组件通信问题及解决方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-06-06
  • 将Vue组件库更换为按需加载的方法步骤

    将Vue组件库更换为按需加载的方法步骤

    这篇文章主要介绍了将Vue组件库更换为按需加载的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • element table 数据量大页面卡顿的解决

    element table 数据量大页面卡顿的解决

    这篇文章主要介绍了element table 数据量大页面卡顿的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-01-01
  • vue实现提示保存后退出的方法

    vue实现提示保存后退出的方法

    下面小编就为大家分享一篇vue实现提示保存后退出的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • Vue多组件仓库开发与发布详解

    Vue多组件仓库开发与发布详解

    这篇文章主要介绍了Vue多组件仓库开发与发布详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02

最新评论