GainLoss

我们用vue-cli构建项目的时候,图片的地址是后台的,可是在template中item.img放到src中是不能正常显示的为什么?

原因是:url-loader无法解析js动态生成的路径。

解决:

将图片放在src的同级的static这个文件夹中,然后地址和之前是一样的放在store的index.js中;在template中img应该这样写

<img :src=\'item.img\'/>(注意:v-bind:src是作用于运行时的,简单来说就是绑定了一个属性,属性在程序运行过程中发生了变化,才会导致绑定src发生变化,

这样就可以正常显示了

分类:

技术点:

相关文章:

  • 2021-11-28
  • 2021-12-07
  • 2022-12-23
  • 2021-05-17
  • 2020-04-28
猜你喜欢
  • 2021-04-17
  • 2021-12-07
  • 2021-10-14
  • 2021-09-30
  • 2021-12-23
相关资源
相似解决方案