为了账号安全,请及时绑定邮箱和手机立即绑定

vue遍历一个字段存储的多张图片?

vue遍历一个字段存储的多张图片?

哈士奇WWW 2018-09-24 16:19:24
上传图片组后(九张图片),想在前端渲染成九宫图,服务器返回的是json数据,vue怎么将一个字段多图片路径成功渲染?前端代码:<img v-for="item in item.conimages" class="mui-col-sm-6 mui-col-xs-4"style="white-space: normal;height: 110px;width: 32.3%;" :src="item" data-preview-src="" data-preview-group="1" >返回的数据是:conimages:"/uploads/20180715/5c2c9844eddc0aa4687a9d1dd448d446.jpg,/uploads/20180715/5c2c9844eddc0aa4687a9d1dd448d446.jpg,/uploads/20180715/5c2c9844eddc0aa4687a9d1dd448d446.jpg"
查看完整描述

1 回答

?
慕标5832272

TA贡献1966条经验 获得超4个赞

v-for="item in item.conimages.split(',')"

Update:
使用一个计算属性:

computed: {    conimages: function () {        let conimages = this.item.conimages        return conimages ? conimages.split(',') : []
    }
}// templatev-for="item in conimages"


查看完整回答
反对 回复 2018-09-24
  • 1 回答
  • 0 关注
  • 1161 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信