1. 程式人生 > >element 顏色選擇器 實現更換主題顏色

element 顏色選擇器 實現更換主題顏色

<template>
    <div>
        <span v-html="styleInner"></span>
        
       <el-color-picker v-model="themeColor" show-alpha></el-color-picker>

        <div class='themeClass'>kkkkkk</div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            themeColor: '#112122',
            styleInner: ''
        }
    },
    watch: {
        themeColor(n, o) {
            this.styleInner = `<style>.themeClass{ color: ${n};}</style>`
        }
    }

}
</script>