溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
最近在做玩家螞蟻項目的時候遇到了一個評分顯示的小功能，這個在前端顯示的星星是用class樣式來進行控制的
class =” real-star comment-stars-width6 ”
數據庫里記錄的信息只有一個評分1-5。我們如果用一般的php方法直接在class里面用 comment-stars-width{$score}這樣是行不通的。在查了很多資料和做過很多嘗試以后，確定了一個可行的方法
我們使用vue的:class來進行class的綁定。:class=”`comment-stars-width`+s.score” 然后把前面需要的屬性前綴用 “包裹起來，后面的值用+號連起來，這樣渲染出來的數據就是我們想要的數據樣式了！
總結
以上所述是小編給大家介紹的VUE在for循環里面根據內容值動態的加入class值的方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
