vue学习日记-在接口中返回的数据是一个数字,如何根据这个数字选择相对应的图片给它(举一反三)

在接口中有几个小标图片,然后接口给的是type(数字),每个数字代表一个图片,在程序中如何用接口传过来的数字判断对应哪个图片呢!!!!

首先在created中:写一个数组,这个数组里面有每个图片的名称,如下:

vue学习日记-在接口中返回的数据是一个数字,如何根据这个数字选择相对应的图片给它(举一反三)

然后再用属性绑定一下这个数组,根据[]里面的值锁定到一个名称,如下:

vue学习日记-在接口中返回的数据是一个数字,如何根据这个数字选择相对应的图片给它(举一反三)

然后在为这个名称选择图片,直接用css实现,如下:

vue学习日记-在接口中返回的数据是一个数字,如何根据这个数字选择相对应的图片给它(举一反三)