后臺返回的數組為：

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

頁面要實現對應數量的黃色星星

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

默認item里的數據：

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"},

目前頁面代碼是這樣的：

購買意愿

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。