后台返回的数组为:
["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对象里的一个数组对象