上传图片组后(九张图片),想在前端渲染成九宫图,服务器返回的是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"
添加回答
举报
0/150
提交
取消