首頁猿問 vue遍歷一個字段存儲的多張圖片？

vue遍歷一個字段存儲的多張圖片？

Vue.js

哈士奇WWW 2018-09-24 16:19:24

上傳圖片組后（九張圖片），想在前端渲染成九宮圖，服務(wù)器返回的是json數(shù)據(jù)，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" >返回的數(shù)據(jù)是：conimages:"/uploads/20180715/5c2c9844eddc0aa4687a9d1dd448d446.jpg,/uploads/20180715/5c2c9844eddc0aa4687a9d1dd448d446.jpg,/uploads/20180715/5c2c9844eddc0aa4687a9d1dd448d446.jpg"

查看完整描述

1 回答

慕標(biāo)5832272

TA貢獻(xiàn)1966條經(jīng)驗獲得超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"

反對回復(fù) 2018-09-24