vue的v-for循环中动态绑定img标签的src
下载中心原先为table列表形式,现需要增加缩略图样式,获取的文件list中,需要对格式进行判断,在img标签中,用:src=“imgSrc(item.type)”,imgSrc为函数,在函数中进行操作返回地址。需要注意的是,用require把地址封装起来。关键代码如下html部分<div class="content-item" v-for="item in downloadList"..
·
下载中心原先为table列表形式,现需要增加缩略图样式,获取的文件list中,需要对格式进行判断,在img标签中,用:src=“imgSrc(item.type)”,imgSrc为函数,在函数中进行操作返回地址。需要注意的是,用require把地址封装起来。关键代码如下
html部分
<div class="content-item" v-for="item in downloadList">
<div class="top">
<img :src="imgSrc(item)" alt="">
js部分
//背景图片地址处理
imgSrc(item){
return require('../assets/icon/'+item.type+'.png');
},
更多推荐
已为社区贡献1条内容
所有评论(0)