根据一个信息匹配显示不同的图片。在vue项目中如果想在data里面定义图片就必须加上require(图片路径)

比如，我的课程有语文数学英语。对应的有三张图片。我要显示他相应的图片。

这个时候我们可以用对象的键值对来写，键代表科目。值就是图片的地址

定义

   src:{"语文":require("../../../../assets/H5/H5set.png"),"数学":require("../../../../assets/H5/H5set.png"),"英语":require("../../../../assets/H5/H5set.png")}

使用

<img :src="src['语文']"   v-if="kind=='语文' "/>

<img :src="src['数学']"   v-if="kind=='数学' "/>

<img :src="src['英语']"   v-if="kind=='英语' "/>

 

在vue项目中如果想在data里面定义图片就必须加上require(图片路径)