最近在做玩家螞蟻項目的時候遇到了一個評分顯示的小功能，這個在前端顯示的星星是用class樣式來進行控制的

class =” real-star comment-stars-width5 ”

數據庫里記錄的信息只有一個評分1-5。我們如果用一般的php方法直接在class里面用 comment-stars-width{$score}這樣是行不通的。在查了很多資料和做過很多嘗試以后，確定了一個可行的方法

我們使用vue的:class來進行class的綁定。:class=”`comment-stars-width`+s.score”  然后把前面需要的屬性前綴用 “包裹起來，后面的值用+號連起來，這樣渲染出來的數據就是我們想要的數據樣式了！

總結

以上所述是小編給大家介紹的VUE在for循環里面根據內容值動態的加入class值的方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！