vue ul li顏色字體不同

效果圖：

 

 

<footbutton :style="{'color':item.color}" v-for="(item,index) in footlist" :key="index" :item="item">{{item.name}}</footbutton>

footlist: [{
                        id: 7,
                        name: "下載",
                        color: "#888888"
                    },
                    {
                        id: 8,
                        name: "移動",
                        color: "blue",
                     
                    },
                    {
                        id: 9,
                        name: "刪除",
                        color: "#ffffff",
                    
                    },
                    {
                        id: 10,
                        name: "分享",
                        color: "#ffffff",
                    
                    },
                    {
                        id: 11,
                        name: "重命名",
                        color: "red",
                 
                    },
                ],