vue在js上处理后台返回的数组_vuejs 根据后台返回数组，渲染图片路径
生活随笔
收集整理的這篇文章主要介紹了
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 根据后台返回数组，渲染图片路径的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python量化投资培训清华大学深研院_
- 下一篇： 删除拼接id_轻流对接企业微信日程，实现