1、一般src动态绑定的值都为服务端传回的url这时候可以直接赋值即可
2、当使用本地的相对地址且文件放在staic目录下也可以直接使用相对地址赋值
3、当文件不再staic下还要使用相对地址动态赋值,这时不能直接赋值,因为vue中在服务中只有staic文件下的内容可以直接访问,可以使用下面这种方式
<img :src="src">
computed: {
src () {
switch (this.level) {
case 'civilian':
return require( '../../../assets/img/person/civilianlogo.png')
break;
case 'vip':
return require('../../../assets/img/person/viplogo.png')
break;
case 'svip':
return require('../../../assets/img/person/sviplogo.png')
break;
}
}
}