vue 根据后端数据显示图片_vuejs 根据后台返回数组，渲染图片路径

后台返回的数组为：

["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对象里的一个数组对象