失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue在js上处理后台返回的数组_vuejs 根据后台返回数组 渲染图片路径

vue在js上处理后台返回的数组_vuejs 根据后台返回数组 渲染图片路径

时间:2023-04-10 01:49:12

相关推荐

vue在js上处理后台返回的数组_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对象里的一个数组对象

如果觉得《vue在js上处理后台返回的数组_vuejs 根据后台返回数组 渲染图片路径》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。