vue的 src动态绑定图片路径不显示问题
先看一下产品需求,如下图所示, 产品要求图片和它的名称一一对应,本来是非常简单的需求,后台直接返回图片路径和名称,前台直接读取就可以了,但是我们没有存储图片的服务器,再加上是一个实验性的需求,图片需要存放到前台。当时我想,vue中的img的src可以动态绑定到一个变量上, 很简单吗,就没有考虑太多,直接开始做了。 首先和后台商量一下数据结构,因为图片要和名称一一对应,所以后台...
·
一.网络图片的话,直接<img :src="imgUrl">去展示。
二.本地图片的话 有两种做法
1.把图片放在src同级的static文件夹下。
2.图片放在assets文件夹,然后在data里面require进图片
data() {
imgUrl:require('./assets/localImg.png')
}
更多推荐
已为社区贡献6条内容
所有评论(0)