vue 動態綁定設置元素style 顏色樣式

•  如修改一個按鈕的顏色

     <el-button circle :style="{'background':colorConfirm,'padding':'7px'}"></el-button>

• 設置 colorConfirm 的值爲需要的顏色樣式值 

:style="{'background':colorConfirm,'padding':'7px'}"

        data() {
            return {
                colorConfirm: '#008ecf',  // red  blue yellow 
            };
        },

•  如下所示  可根據修改  colorConfirm  的值動態綁定按鈕的顏色值，其他屬性亦可