遇见的问题: 当请求的图片为空时,默认图片,路径是对的,但是就是不出来
第一步:在你的data 里面创建一个变量defaultimg(这里随意)
.
第一种:多个页面需要使用时
//这里我是直接放在store里面的,因为我还有其他地方要使用这个图片
const state = {
defaultimg:'this.src="' + require('../assets/img/dehead.jpg') + '"',
}
//这里我是直接放在store里面的,因为我还有其他地方要使用这个图片
//这里的onerror不需要管,直接复制
<img :onerror="$store.state.defaultimg" :src="userInfo.avatar" alt="" class="headImg">
第二种:单页面使用
//这里我是直接放在store里面的,因为我还有其他地方要使用这个图片
const state = {
defaultimg:'this.src="' + require('../assets/img/dehead.jpg') + '"',
}
//使用的方法都是一样的
<img :onerror="$store.state.defaultimg" :src="userInfo.avatar" alt="" class="headImg">
ok结束啦,有没有大佬,带带我这个菜鸡!!!!!