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

上传图片组后(九张图片),想在前端渲染成九宫图,服务器返回的是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"


哈士奇WWW
浏览 1162回答 1
1回答

慕标5832272

v-for="item&nbsp;in&nbsp;item.conimages.split(',')"Update:使用一个计算属性:computed:&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;conimages:&nbsp;function&nbsp;()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;conimages&nbsp;=&nbsp;this.item.conimages&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;conimages&nbsp;?&nbsp;conimages.split(',')&nbsp;:&nbsp;[] &nbsp;&nbsp;&nbsp;&nbsp;} }//&nbsp;templatev-for="item&nbsp;in&nbsp;conimages"
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js