根据一个信息匹配显示不同的图片。在vue项目中如果想在data里面定义图片就必须加上require(图片路径)
比如,我的课程有语文数学英语。对应的有三张图片。我要显示他相应的图片。这个时候我们可以用对象的键值对来写,键代表科目。值就是图片的地址定义 src:{"语文":require("../../../../assets/H5/H5set.png"),"数学":require("../../../../assets/H5/H5se
·
比如,我的课程有语文数学英语。对应的有三张图片。我要显示他相应的图片。
这个时候我们可以用对象的键值对来写,键代表科目。值就是图片的地址
定义
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(图片路径)
更多推荐
已为社区贡献55条内容
所有评论(0)