vue关于img src动态赋值问题
问题: 我刚开始代码是这样的 结果图片加载不出来<img :src="'../assets/images/'+imgsrc+'.png'"/>props:{/*** 提示内容*/msg:{type:String,default:'业务暂未开放,敬请期...
·
问题: 我刚开始代码是这样的 结果图片加载不出来
<img :src="'../assets/images/'+imgsrc+'.png'"/>
props:{
/**
* 提示内容
*/
msg:{
type:String,
default:'业务暂未开放,敬请期待......'
},
/**
* 是否显示
*/
show:{
type:Boolean,
default:true
},
/**
* 图片路径
*/
imgsrc:{
type:String,
default:'notyetopened'
},
}
我去官网看了看是这样写的 我也用f12查看了src的地址没错....
后面接着一篇文章
https://blog.csdn.net/milan_kunderla/article/details/80319548 (感谢)
其中文字内容能够正常显示,说明传递的数据没有错
但是由于在div中显示之前,webpack并没有去编译我的imgsrc
解决方法:
加个require()就可以了
<img :src="require('../assets/images/'+imgsrc+'.png')"/>
效果也出来了
更多推荐
已为社区贡献30条内容
所有评论(0)