首页 > 代码库 > vue 相对路径的图片 不显示问题
vue 相对路径的图片 不显示问题
例如
data () { return { img: ‘../../images/jifen/index/img_list_default_pic.jpg‘ //路径也没问题啊,怎么不显示呢,难道他瞎啦! } }
然后在template中
<img :src=http://www.mamicode.com/"img" />
第一种解决方案是:简单粗暴型 使用绝对路径也就是带上域名即可
第二种解决方案是:非常智慧型 代码如下:
data () { return { img: require(‘../../images/jifen/index/img_list_default_pic.jpg‘) //加上require即可 }
}
另一种方式可以当做背景
<div :style="{backgroundImage: ‘url(‘ + img + ‘)‘}"></div>
或者直接在css中定义
background-image: url(‘../../images/jifen/index/img_list_default_pic.jpg‘);
vue 相对路径的图片 不显示问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。