后臺返回的數(shù)組為：

["5", "1", "3", "2", "1",]

頁面要實現(xiàn)對應(yīng)數(shù)量的黃色星星

(例如：5的話，五顆黃色的星星，默認(rèn)是五顆灰色的星星，此處圖片就是一個示意，希望大家不要誤解)：

默認(rèn)item里的數(shù)據(jù)：

stars:[

{starsUrl:"./img/net_more/star_off.png"},

{starsUrl:"./img/net_more/star_off.png"},

{starsUrl:"./img/net_more/star_off.png"},

{starsUrl:"./img/net_more/star_off.png"},

{starsUrl:"./img/net_more/star_off.png"},

],

黃色星星的路徑：

{starsUrl:"./img/net_more/star_on.png"},

目前頁面代碼是這樣的：

購買意愿

那么問題來了，該如何根據(jù)數(shù)組里面的數(shù)字來替換稱黃色的星星呢？

li是v-for="item in items"遍歷出來的，stars是items對象里的一個數(shù)組對象

總結(jié)

以上是生活随笔為你收集整理的vue在js上处理后台返回的数组_vuejs 根据后台返回数组，渲染图片路径的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。