上傳圖片組后（九張圖片），想在前端渲染成九宮圖，服務器返回的是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
提交
取消