问题描述
简单记录一个小问题,最近想学vue,然后用了boostrapvue,用导航栏时想把其中一个item用图片形式,就用到了b-img,但是怎么都显示不出,刚开始以为时路径写错,后来找到解决方法。
【VUE】VUE中使用BootstrapVue图片b-img标签路径显示不出图片问题
代码里:
【VUE】VUE中使用BootstrapVue图片b-img标签路径显示不出图片问题
解决方法:
发现b-img标签的src属性,只支持http路径的网址
Solution:

  • 在VUE工程目录下找到build
  • 找到vue-loader.config.js的transformToRequire
  • 添加圈中部分.
    如下:【VUE】VUE中使用BootstrapVue图片b-img标签路径显示不出图片问题
    其他代码不需要改。

结果:
【VUE】VUE中使用BootstrapVue图片b-img标签路径显示不出图片问题
----------滞留在家的EchoZhang------20200309-----------------------

相关文章:

  • 2021-11-07
  • 2021-05-15
  • 2022-12-23
  • 2021-05-16
  • 2021-12-24
  • 2021-12-22
  • 2021-09-01
  • 2021-10-27
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-05-31
  • 2021-12-22
  • 2021-08-05
  • 2021-11-20
相关资源
相似解决方案