vue图片引入问题

在一些时候我们需要在方法中判断是否显示默认的本地图片，这时图片直接在方法中写入会无法显示，建议先使用import将图片地址引入，再将该变量赋值给src对应的变量。

错误：

<img :src="userPic" />

computed: {
			userPic() {
				if(this.evaluateList.length != 0){
						return this.evaluateList.headImage;
				}else{
					return '../../assets/home_pic_avatar@3x.png';
				
			}
		}

正确：

<img :src="userPic" />

import picsrc from '../../assets/home_pic_avatar@3x.png';
data() {
	return {
		userDefaultPic: picsrc
	}
},
computed: {
	userPic() {
		console.log(this.evaluateList.length)
		if(this.evaluateList.length != 0) {
			let headImage = this.evaluateList.headImage;
			console.log(this.evaluateList)
			console.log(typeof(headImage));
			console.log(headImage);
			let indexstr = headImage.indexOf('app');
			console.log(indexstr);
			if(indexstr == -1) {
				return this.evaluateList.headImage;
			} else {
				let pic = 'http://ralfael.com/' + this.evaluateList.headImage;
			return pic;
			}
		} else {
			return this.userDefaultPic;
		}

	}
}